.saic_account_report {
    box-sizing: border-box;
    width: calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -webkit-box(100% - 40px);
    margin: 0 20px;
}

.saic_account_report_sec {
    overflow: hidden;
    margin-bottom: 15px;
    border-bottom: 1px dashed #eef2f4;
}

.saic_account_report_sec .saic_account_report_list {
    padding-bottom: 10px;
}

.saic_account_report .saic_account_report_title {
    font-size: 12px;
    color: #3d3e40;
}

.saic_account_report .saic_account_report_table {
    margin: 20px 0;
    border: 1px solid #eef2f4;
    border-right: 1px solid transparent;
}

.saic_account_report .saic_account_report_table tr td,
.saic_account_report .saic_account_report_table tr th {
    font-weight: normal;
    padding-left: 10px;
    border-right: 1px solid #eef2f4;
    border-bottom: 1px solid #eef2f4;
}

.saic_account_report .saic_account_report_table tr:last-child td {
    border-bottom: 1px solid transparent;
}

.saic_account_report .saic_account_report_min {
    width: 70%;
    min-width: 700px;
}

.saic_account_report .saic_account_report_min tr td {
    line-height: 35px;
    height: 35px;
}

.saic_account_report .saic_account_report_max {
    width: 80%;
    min-width: 900px;
}

.saic_account_report .saic_account_report_max tr td,
.saic_account_report .saic_account_report_max tr th {
    line-height: 22px;
    height: 22px;
}

.xsy_account_hierarchy {
    width: 100%;
    margin-bottom: 25px;
    background-color: white;
}

.xsy_account_hierarchy .xsy_account_hierarchy_header {
    font-size: 16px;
    line-height: 50px;
    width: 100%;
    height: 50px;
    padding-left: 17px;
    color: #475059;
    border-bottom: 1px solid #edf0f5;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body {
    padding: 18px;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .Treant-loaded {
    -ms-overflow-x: hidden !important;
    -ms-overflow-y: hidden !important;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_box {
    line-height: 35px;
    position: relative;
    width: 160px;
    height: 36px;
    cursor: pointer;
    border: 2px solid #f2f5fa;
    border-radius: 5px;
    background-color: #f2f5fa;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_box .xsy_account_h_box_txt {
    display: inline-block;
    overflow: hidden;
    max-width: 140px;
    margin-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #7a8a99;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_box:hover {
    border: 2px solid #00bcd4;
    background-color: #00bcd4;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_box:hover .xsy_account_h_box_txt {
    text-decoration: none;
    color: #fff;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_box .xsy_account_h_point_s {
    position: absolute;
    top: 8px;
    left: -8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 3px;
    border-radius: 100px;
    background-color: #fff;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_box .xsy_account_h_point_s .xsy_account_h_point_s_circle {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background-color: #e6eaf0;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_box .xsy_account_h_point_e {
    position: absolute;
    top: 8px;
    right: -8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 3px;
    border-radius: 100px;
    background-color: #fff;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_box .xsy_account_h_point_e .xsy_account_h_point_e_circle {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background-color: #e6eaf0;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_box:hover .xsy_account_h_point_s .xsy_account_h_point_s_circle,
.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_box:hover .xsy_account_h_point_e .xsy_account_h_point_e_circle {
    background-color: #30dcf2;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_box.highlight {
    border: 2px solid #30dcf2;
    background-color: #fff !important;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_box.highlight:hover {
    color: #fff;
    background-color: #30dcf2 !important;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_box.highlight .xsy_account_h_point_s .xsy_account_h_point_s_circle,
.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_box.highlight .xsy_account_h_point_e .xsy_account_h_point_e_circle {
    background-color: #30dcf2;
}

.xsy_account_hierarchy .xsy_account_hierarchy_footer {
    line-height: 45px;
    height: 45px;
    text-align: center;
    border-top: 1px solid #edf0f5;
}

.xsy_account_hierarchy .xsy_account_hierarchy_footer a {
    font-size: 14px;
    color: #7a8a99;
}

.xsy_account_hierarchy .xsy_account_hierarchy_footer a:hover {
    text-decoration: none;
    color: #475059;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_active {
    border: 2px solid #30dcf2;
    background-color: #fff;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_active .xsy_account_h_point_s .xsy_account_h_point_s_circle,
.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_active .xsy_account_h_point_e .xsy_account_h_point_e_circle {
    background-color: #30dcf2;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_start .xsy_account_h_point_s {
    display: none;
}

.xsy_account_hierarchy .xsy_account_hierarchy_body .xsy_account_h_leaf .xsy_account_h_point_e {
    display: none;
}

/*xsy_approval_bar*/
.xsy_approval_bar{
	width: 100%;
	background: #f2f4f7;
	padding: 15px 20px;
	color: #475059;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.xsy_approval_bar_content{
	-webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
.xsy_approval_bar_status{
	float: left;
	font-size: 14px;
	margin-right: 20px;
	margin-top: 3px;
}
.xsy_approval_bar_status .xsy_approval_bar_people{
	display: inline-block;
	margin: 0 5px;
}
.xsy_approval_bar_flow{
	margin-top: 5px;
	float: left;
	position: relative;
}
.xsy_approval_bar_flow .xsy_approval_bar_check{
	background: url(xsyApprovalBar/flow1.png) left top no-repeat;
	padding-left: 18px;
	color: #8fa1b2;
}
.xsy_approval_bar_flow .xsy_approval_bar_check:hover{
	background: url(xsyApprovalBar/flow1_hover.png) left top no-repeat;
	color: #475059;
	text-decoration: none;
}
.xsy_approval_bar_operate{
	margin-left: 100px;
	float: left;
	position: relative;
}
.xsy_approval_bar_operate > a{
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 14px;
	float: left;
	margin-right: 10px;
	border-radius: 4px;
    letter-spacing: 4px;
}
.xsy_approval_bar_operate > a:hover{
	text-decoration: none;
}
.xsy_approval_bar_operate > a.spacing{
    letter-spacing: 0px;
}
.xsy_approval_bar_operate .xsy_approval_bar_agree{
	color: #fff;
	background-color: #00aaef;
	border:1px solid #00aaef;
}
.xsy_approval_bar_operate .xsy_approval_bar_agree i{
	background: url(xsyApprovalBar/agree.png) center center no-repeat;
	width: 10px;
	height: 9px;
	display: inline-block;
	/*margin-right: 5px;*/
}
.xsy_approval_bar_operate .xsy_approval_bar_agree:hover{
	background-color: #0092cc;
    border:1px solid #0092cc;
}
.xsy_approval_bar_operate .xsy_approval_bar_reject{
	color: #475059;
	background-color: #eef2f4;
	border:1px solid #a3b8cc;
}
.xsy_approval_bar_operate .xsy_approval_bar_reject i{
    background: url(xsyApprovalBar/reject.png) center center no-repeat;
	width: 10px;
	height: 9px;
	display: inline-block;
	/*margin-right: 5px;*/
}
.xsy_approval_bar_operate .xsy_approval_bar_reject:hover{
	background-color: #fa7252;
	border:1px solid #fa7252;
	color: #fff;
}
.xsy_approval_bar_operate .xsy_approval_bar_reject:hover i{
	 background: url(xsyApprovalBar/reject_hover.png) center center no-repeat;
}
.xsy_approval_bar_operate .xsy_approval_bar_recall{
	color: #475059;
	background-color: #eef2f4;
	border:1px solid #a3b8cc;
    margin-left: 20px;
}
.xsy_approval_bar_operate .xsy_approval_bar_recall i{
	background: url(xsyApprovalBar/recall_ico.png) center center no-repeat;
	width: 11px;
	height: 12px;
	display: inline-block;
	float: left;
    margin: 6px 5px 0 0;
}
.xsy_approval_bar_operate .xsy_approval_bar_recall:hover{
	background-color: #00aaef;
	color: #fff;
    border:1px solid #00aaef;
}
.xsy_approval_bar_operate .xsy_approval_bar_recall:hover i{
	background: url(xsyApprovalBar/recall_hover_ico.png) center center no-repeat;
}

.xsy_approval_bar_operate .xsy_approval_bar_submit{
    color: #475059;
    background-color: #eef2f4;
    border:1px solid #a3b8cc;
    margin-left: 20px;
}
.xsy_approval_bar_operate .xsy_approval_bar_submit i{
    background: url(xsyApprovalBar/flow.png) center center no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    float: left;
    margin: 6px 5px 0 0;
}
.xsy_approval_bar_operate .xsy_approval_bar_submit:hover{
    background-color: #00aaef;
    color: #fff;
    border:1px solid #00aaef;
}
.xsy_approval_bar_operate .xsy_approval_bar_submit:hover i{
    background: url(xsyApprovalBar/flow_hover.png) center center no-repeat;
}
.xsy_approval_bar_content a.xsy_approval_bar_relieve{
  color: #475059;
  float: right;
  margin-top: 5px;
}
.xsy_approval_bar_content a.xsy_approval_bar_relieve i{
    background: url(xsyApprovalBar/reject.png) center center no-repeat;
    width: 10px;
    height: 9px;
    display: inline-block;
    margin-right: 10px;
}
.xsy_approval_bar_content a.xsy_approval_bar_relieve:hover{
    color: #00aaef;
    text-decoration: none;
}
.xsy_approval_bar_content a.xsy_approval_bar_relieve:hover i{
    background: url(xsyApprovalBar/reject_hover_blue.png) center center no-repeat;
    width: 10px;
    height: 9px;
    display: inline-block;
    margin-right: 10px;
}
/**/
.xsy_approval_bar_tip{
    position: absolute;
    border:1px solid #adc3d9;
    background-color: #fff;
    border-radius: 4px;
    z-index: 2;
    top:37px;
}

.xsy_approval_bar_tip .xsy_approval_bar_tip_toparrow{
    top: -15px;
    left: 17px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #adc3d9 transparent;
    position: absolute;
}
.xsy_approval_bar_tip .xsy_approval_bar_tip_topinside{
    top: -4px;
    left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
}
.xsy_approval_bar_tip_content{
    padding: 20px;
}
.xsy_approval_bar_tip_detail{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.xsy_approval_bar_tip_msg textarea{
	width: 408px;
	height: 40px;
	padding: 5px 0 0 5px;
}
.xsy_approval_bar_tip_detail{
	margin-top: 10px;
}
.xsy_approval_bar_tip_detail .xsy_approval_bar_tip_people{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex: 1 1 0;
    position: relative;
}
.xsy_approval_bar_tip_detail .xsy_approval_bar_tip_operate{
	-webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.xsy_approval_bar_tip_detail .xsy_approval_bar_tip_agree{
	display: inline-block;
	height: 30px;
	line-height: 30px;
}
.xsy_approval_bar_tip_operate .xsy_approval_bar_tip_agree{
  height: 30px;
  line-height: 30px;
  padding: 0 15px 0 15px;
  display: inline-block;
  margin-left: 10px;
  color: #fff;
  background-color: #00aaef;
  border-radius: 4px;
}
.xsy_approval_bar_tip_operate .xsy_approval_bar_tip_agree:hover{
  background-color: #009bd9;
  text-decoration: none;
}
.xsy_approval_bar_people_select{
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  border:1px solid #cfdae5;	
  border-radius: 4px;
  margin: 0 10px;
  cursor: pointer;
}
.xsy_approval_bar_people_select i{
	background: url(xsyApprovalBar/select_arrow.png);
	width: 8px;
	height: 5px;
	display: inline-block;
	float: right;
	margin: 10px 0 0 10px;
}
.xsy_approval_bar_people_select:hover{
	border:1px solid #a3b8cc;
	color: #3d5266;
}
.xsy_approval_bar_people_magin{
	float: left;
	margin-top: 6px;
}

/*xsy_approval_bar_selectmenu*/
.xsy_approval_bar_selectmenu{
	width: 210px;
	border:1px solid #a3b8cc;
	border-radius: 4px;
	position: absolute;
    left: 33px;
    background-color: #fff;
    top: 30px;
    padding-top: 5px;
}
.xsy_approval_bar_selectmenu .xsy_approval_bar_selectmenu_ul li{
   height: 30px;
   line-height: 30px;
}
.xsy_approval_bar_selectmenu .xsy_approval_bar_selectmenu_ul li a{
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 20px;
    color: #8fa1b2;
}
.xsy_approval_bar_selectmenu .xsy_approval_bar_selectmenu_ul li img.userpic{
	width: 20px;
    height: 20px;
    float: left;
    margin-left: 10px;
    vertical-align: middle;
    line-height: 30px;
    margin-top: 5px;
}
.xsy_approval_bar_selectmenu .xsy_approval_bar_selectmenu_ul a:hover{
	background: #ebf1f7;
	color: #3d5266;
	text-decoration: none;
}
.xsy_approval_bar_autocomplete{
	border-top:1px solid #a3b8cc;
	margin-top: 5px;
    padding: 10px 20px;
}
.xsy_approval_bar_autocomplete .xsy_approval_bar_des{
	margin-bottom: 5px;
	margin-bottom: 10px;
    display: block;
}
.xsy_approval_bar_autocomplete .text{
	width: 100px;
}
.xsy_approval_bar_autocomplete .xsy_approval_bar_confirm{
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  display: inline-block;
  margin-left: 10px;
  color: #fff;
  background-color: #00aaef;
  border-radius: 4px;
}
.xsy_approval_bar_autocomplete .xsy_approval_bar_confirm:hover{
  background-color: #009bd9;
  text-decoration: none;
}


/*xsy_approval_bar_rejecttip*/
.xsy_approval_bar_rejecttip{
	left: 93px;
}
.xsy_approval_bar_tip_operate .xsy_approval_bar_tip_reject{
	height: 30px;
    line-height: 30px;
    padding: 0 15px;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    background-color: #fa7252;
    border-radius: 4px;
}
.xsy_approval_bar_tip_operate .xsy_approval_bar_tip_reject:hover{
	 background-color: #f26549;
	 text-decoration: none;
}

/*xsy_xsy_approval_wrap*/
.xsy_approval_wrap {
    position: absolute;
    z-index: 9999;
    top: 24px;
    left: 0;
    height: auto;
}

.xsy_approval_wrap_toparrow{
    position: absolute;
    z-index: 101;
    top: -7px;
    left: 20px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #d8e0f0 transparent;
}

.xsy_approval_wrap_toparrow_inner{
    position: absolute;
    top: -4px;
    left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;  
}

.xsy_approval_process_list{
    position: relative;
    z-index: 2;
    top: 8px;
    right: 0;
    overflow: auto;
    width: 280px;
    height: auto;
    min-height: 120px;
    max-height: 400px;
    padding-bottom: 0;
    border: 1px solid #d6e1ee;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1) !important;
    background-color: #fff;
}
.xsy_approval_process_list .xsy_approval_list_inner {
    margin: 30px 20px 30px 30px;
}

.xsy_approval_process_list .xsy_approval_ul li {
    position: relative;
    min-height: 40px;
}

.xsy_approval_process_list .xsy_approval_ul li:last-child {
    height: auto;
    min-height: 10px;
    min-height: 0;
}

.xsy_approval_process_list .xsy_approval_ul li:last-child span.xsy_without_approval {
    top: 2px;
}

.xsy_approval_process_list .xsy_approval_ul li:last-child .without_people {
    margin-top: 0;
}

.xsy_approval_process_list .xsy_approval_ul {
    margin: 0 0 30px;
    padding: 0;
    list-style-type: none;
    background: url(xsyApprovalBar/approval_line.png) 0 0 repeat-y;
}

.xsy_approval_ul span.xsy_passed_approval {
    position: absolute;
    left: -4px;
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50px;
    background: #1fcc92;
}

.xsy_approval_ul span.xsy_awaiting_approval {
    position: absolute;
    left: -4px;
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50px;
    background: #ffa305;
}

.xsy_approval_ul span.xsy_reject_approval {
    position: absolute;
    left: -4px;
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50px;
    background: #fa7252;
}

.xsy_approval_ul span.xsy_without_approval {
    position: absolute;
    left: -4px;
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50px;
    background: #bebebe;
}

.xsy_approval_ul span.xsy_passed_time {
    float: left;
    margin-top: -3px;
    margin-left: 12px;
    color: #a3b1cc;
}

.xsy_approval_ul .xsy_submit_peopel_img {
    clear: both;
    overflow: hidden;
    margin: 10px 0 10px 10px;
}

.xsy_approval_ul .xsy_submit_peopel {
    clear: both;
    margin-top: 10px;
    margin-left: 10px;
    padding-bottom: 10px;
}

.xsy_approval_ul .xsy_submit_peopel a.xsy_username {
    text-decoration: none;
    color: #666;
}

.xsy_approval_ul .xsy_submit_peopel span {
    color: #6b7a99;
}

.xsy_approval_ul .xsy_submit_peopel span.xsy_green_font{
    color: #1fcc92;
}

.xsy_approval_ul .xsy_submit_peopel span.xsy_red_font{
    color: #fa7252;
}

.xsy_approval_ul .xsy_submit_peopel span.xsy_yellow_font{
    color: #ffa305;
}

.xsy_approval_ul .xsy_submit_peopel span.xsy_time{
    color: #a3b1cc;
}

.xsy_approval_ul span.xsy_approval_people_opinion{
    margin-bottom: 10px;
}
.xsy_approval_ul span.xsy_approval_people_opinion a{
    margin-right: 5px;
}
span.xsy_approval_sing{
    margin-bottom: 8px;
}

.xsy_approval_ul span.xsy_approval_tip {
    display: inline-block;
    margin-left: 33px;
    color: #4c81be;
}

.xsy_approval_ul .xsy_without_people {
    line-height: 14px;
    display: inline-block;
    float: left;
    height: 20px;
    margin: 0 0 0 10px;
    color: #999;
}

.submit_peopel span {
    color: #666;
}

.xsy_approval_ul span.xsy_name {
    line-height: 34px;
    color: #666;
}

.xsy_approval_ul a.xsy_username {
    line-height: 34px;
    color: #666;
}

.xsy_approval_ul .xsy_submit_peopel_img img {
    float: left;
    width: 24px;
    height: 24px;
    margin: 5px 7px 0 2px;
    border: 1px solid #ebebeb;
    border-radius: 100px;
}
.xsy_approval_ul .xsy_submit_peopel a{
    margin-right: 5px;
}
.xsy_approval_ul .xsy_submit_time {
    /* overflow: hidden;*/
    clear: both;
}

.xsy_approval_people_wrap{
    position: relative;
   width: 200px;
    margin: 10px 0;
   padding: 5px 5px;
    color: #6b7a99;
    border: 1px solid #d6e1ee;
   border-radius: 3px;
}

.xsy_approval_people_toparrow{
    position: absolute;
    z-index: 101;
    top: -14px;
    left: 20px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #d8e0f0 transparent;
}

.xsy_approval_people_toparrowinner{
    position: absolute;
    top: -5px;
    left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.xsy_approval_bar_yellowfont{
	color: #ffa305;
}
.xsy_approval_bar_redfont{
	color: #fa7252;
}
.xsy_approval_bar_greenfont{
	color: #1fcc92;
}


/*xsy_workflow_bar*/
.xsy_workflow_bar .xsy_approval_bar_status span{
    display: inline-block;
    float: left;
}
.xsy_workflow_bar .xsy_workflow_bar_check{
    background: url(xsyApprovalBar/workflow.png) left 0px no-repeat;
    padding-left: 18px;
    color: #8fa1b2;
}
.xsy_workflow_bar .xsy_workflow_bar_check:hover{
    background: url(xsyApprovalBar/workflow_hover.png) left 0px no-repeat;
    color: #45515a;
    text-decoration: none;
}
.xsy_workflow_bar .xsy_workflow_stage{
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 20px;
}
.xsy_workflow_bar .xsy_workflow_operator{
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    float: left;
}
.xsy_workflow_bar .xsy_approval_bar_operate a{
    height: 26px;
    padding: 0 23px;
    border:1px solid #a3b8cc;
    line-height: 26px;
    color: #475059;
}
.xsy_workflow_bar .xsy_approval_bar_operate a:hover{
    text-decoration: none;
    color: #fff;
    background-color: #a3b8cc;
}
.xsy_workflow_bar .xsy_approval_bar_operate a.more{
    background: url(xsyApprovalBar/more.png) center center no-repeat;
}
.xsy_workflow_bar .xsy_approval_bar_operate a.more:hover{
    background: #a3b8cc url(xsyApprovalBar/more_hover.png) center center no-repeat; 
}

/*---------------------------- --------------------------*/
.xsy_approval_bar_hasborder{
    border:1px solid #dfe5e9;
}
.xsy_approval_detail_table {
    width: 100%;
    table-layout: fixed;
}

.xsy_approval_detail_table tr td {
    line-height: 40px;
    height: 40px;
    color: #8fa1b2;
}

.xsy_approval_detail_table tr td:first-child {
    padding-left: 20px;
}

.xsy_approval_detail_table tr {
    cursor: pointer;
}

.xsy_approval_detail_table a:hover {
    text-decoration: none;
    color: #00aaef;
}

.xsy_approval_detail_table .xsy_approval_detail_del {
    display: inline-block;
    display: none;
    float: left;
    width: 14px;
    height: 14px;
    background: url(xsyApprovalDetail/delete.png) center center no-repeat;
}

.xsy_approval_detail_table .xsy_approval_detail_del:hover {
    background: url(xsyApprovalDetail/delete_hover.png) center center no-repeat;
}

.xsy_approval_detail_table tr:hover td {
    background-color: #edf0f2;
}

.xsy_approval_detail_table tr:hover .xsy_approval_detail_del {
    display: block;
}

.xsy_approval_detail_table .xsy_approval_detail_con span {
    display: inline-block;
    margin: 0 2px;
}

.xsy_approval_detail_table .xsy_approval_completed .xsy_approval_detail_con {
    color: #8fa1b2;
}

.xsy_approval_detail_table .xsy_approval_completed .xsy_approval_detail_con span {
    text-decoration: line-through;
}

/*xsy_buttonbar.css*/

.xsy_buttonbar {
    position: relative;
}

.xsy_buttonbar .xsy_buttonbar_list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    margin-top: 5px;
    padding: 0;
    list-style-type: none;
}

.xsy_buttonbar .xsy_buttonbar_list > li {
    position: relative;
}

.xsy_buttonbar .xsy_buttonbar_list > li a.xsy_buttonbar_link {
    border-right: none;
}

.xsy_buttonbar .xsy_buttonbar_list > li:first-child .xsy_buttonbar_link {
    border-radius: 4px 0 0 4px;
}

.xsy_buttonbar .xsy_buttonbar_list > li .xsy_buttonbar_link {
    font-size: 12px;
    line-height: 2.125rem;
    position: relative;
    display: inline-block;
    display: table-cell;
    overflow: hidden;
    box-sizing: content-box;
    max-width: 370px;
    padding: 0 15px;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #475059;
    border: 1px solid #a3b8cc;
    border-right: none;
    background-color: #fff;
}

.xsy_buttonbar .xsy_buttonbar_list > li .xsy_buttonbar_link:hover {
    color: #fff;
    border: 1px solid #00aaef;
    border-right: none;
    background-color: #00aaef;
}

.xsy_buttonbar .xsy_buttonbar_list > li .xsy_buttonbar_link.actived {
    color: #fff;
    border: 1px solid #00aaef !important;
    border-right: none !important;
    background-color: #00aaef;
}

.xsy_buttonbar .xsy_buttonbar_list > li:last-child {
    margin-right: 0;
}

.xsy_buttonbar .xsy_buttonbar_list > li:last-child .xsy_buttonbar_link {
    border-right: 1px solid #a3b8cc !important;
    border-radius: 0 4px 4px 0;
}

.xsy_buttonbar a.xsy_buttonbar_link {
    border-right: 1px solid #a3b8cc;
}

.xsy_buttonbar .xsy_buttonbar_link.edit i {
    display: inline-block;
    float: left;
    width: 12px;
    height: 12px;
    margin: 9px 8px 0 0;
    background: url(xsyButtonBar/edit.png) center center no-repeat;
}

.xsy_buttonbar .xsy_buttonbar_link.create i {
    display: inline-block;
    float: left;
    width: 12px;
    height: 12px;
    margin: 8px 8px 0 0;
    background: url(xsyButtonBar/add.png) center center no-repeat;
}

.xsy_buttonbar .xsy_buttonbar_link.more i {
    display: inline-block;
    width: 15px;
    height: 9px;
    background: url(xsyButtonBar/more.png) center center no-repeat;
}

.xsy_buttonbar .xsy_buttonbar_link.edit:hover i,
.xsy_buttonbar .xsy_buttonbar_link.edit.hover i {
    background: url(xsyButtonBar/edit_hover.png) center center no-repeat;
}

.xsy_buttonbar .xsy_buttonbar_link.create:hover i,
.xsy_buttonbar .xsy_buttonbar_link.create.actived i {
    background: url(xsyButtonBar/add_hover.png) center center no-repeat;
}

.xsy_buttonbar .xsy_buttonbar_link.more:hover i,
.xsy_buttonbar .xsy_buttonbar_link.more.actived i {
    background: url(xsyButtonBar/more_hover.png) center center no-repeat;
}

.xsy_buttonbar .xsy_buttonbar_list > li .xsy_buttonbar_link {
    line-height: 30px;
    height: 30px;
    padding: 0 15px;
    text-decoration: none;
}

.xsy_buttonbar .xsy_buttonbar_list > li:last-child {
    position: relative;
}

.xsy_buttonbar .xsy_buttonbar_list li .xsy_buttonbar_link.more.actived {
    border: 1px solid #00aaef !important;
    background-color: #00aaef;
}

.xsy_buttonbar .xsy_buttonbar_list li .xsy_buttonbar_link.more.actived i {
    background: url(xsyButtonBar/more_hover.png) center center no-repeat;
}

.xsy_buttonbar .xsy_buttonbar_list > li:last-child .xsy_buttonbar_link:hover {
    border-right: 1px solid #00aaef !important;
}

.xsy_buttonbar .xsy_buttonbar_menu {
    position: absolute;
    z-index: 999;
    top: 32px;
    right: 0;
    width: 127px;
    padding: 5px 0;
    border: 1px solid #adc3d9;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
}

.xsy_buttonbar .xsy_buttonbar_menu ul li {
    line-height: 30px;
    position: relative;
    height: 30px;
    cursor: pointer;
}

.xsy_buttonbar .xsy_buttonbar_menu ul li:hover {
    background-color: #edf0f2;
}

.xsy_buttonbar .xsy_buttonbar_menu ul li.actived {
    background-color: #edf0f2;
}

.xsy_buttonbar .xsy_buttonbar_menu .xsy_buttonbar_item {
    font-size: 12px;
    display: block;
    overflow: hidden;
    max-width: 100%;
    padding-left: 17px;
    text-decoration: none;
    color: #475059;
}

.xsy_buttonbar .xsy_buttonbar_menu .xsy_buttonbar_item span {
    display: inline-block;
    overflow: hidden;
    max-width: 90px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xsy_buttonbar .xsy_buttonbar_menu .xsy_buttonbar_item:hover span {
    text-decoration: none;
}

.xsy_buttonbar .xsy_buttonbar_submenu {
    top: -6px;
    right: 125px;
    border-radius: 4px 0 0 4px;
}

.xsy_buttonbar .xsy_buttonbar_menu1 ul li a i {
    display: inline-block;
    float: right;
    width: 6px;
    height: 8px;
    margin-top: 12px;
    margin-right: 10px;
    background: url(xsyButtonBar/arrow.png) center center no-repeat;
}


/*工作流*/

.xsy_buttonbar .xsy_buttonbar_submit i {
    display: inline-block;
    float: left;
    width: 12px;
    height: 12px;
    margin: 9px 8px 0 0;
    background: url(xsyButtonBar/workflow.png) center center no-repeat;
}

.xsy_buttonbar .xsy_buttonbar_submit:hover i {
    background: url(xsyButtonBar/workflow_hover.png) center center no-repeat;
}

.xsy_buttonbar a.xsy_buttonbar_link.Approval {
    /*border-radius: 4px !important;*/
}

.xsy_buttonbar .xsy_buttonbar_link.Approval i {
    display: inline-block;
    float: left;
    width: 13px;
    height: 13px;
    margin: 9px 8px 0 0;
    background: url(xsyButtonBar/flow.png) center center no-repeat;
}

.xsy_buttonbar .xsy_buttonbar_link.Approval:hover i,
.xsy_buttonbar .xsy_buttonbar_link.Approval.actived i {
    background: url(xsyButtonBar/flow_hover.png) center center no-repeat;
}

.xsy_contact_refer .xsy_su_refer_card_link {
    float: left;
}

.xsy_contact_refer .xsy_contact_refer_sta {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background: url(xsyContactRefer/sta.png) center center no-repeat;
}

.xsy_contact_refer .xsy_contact_refer_staselect {
    float: left;
    /*margin-left: 10px;*/
    padding: 0 5px;
    cursor: pointer;
    border: 1px solid #a3b8cc;
    border-radius: 3px;
}

.xsy_contact_refer .xsy_contact_refer_staselect span {
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    overflow: hidden;
    max-width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #8fa1b2;
    font-weight: normal;
}

.xsy_contact_refer .xsy_contact_refer_staselect i.arrow {
    display: inline-block;
    float: right;
    width: 8px;
    height: 5px;
    margin-top: 9px;
    margin-left: 5px;
    background: url(xsyContactRefer/arrow.png) 0 0 no-repeat;
}

.xsy_contact_refer .xsy_contact_refer_staselect:hover {
    border: 1px solid #7d99b3;
    background-color: #f9fafc;
}

.xsy_contact_refer .xsy_contact_refer_staselect:hover span {
    color: #475059;
}

.xsy_contact_refer .xsy_contact_refer_staselect:hover i.arrow {
    background: url(xsyContactRefer/arrow.png) 0 -6px no-repeat;
}

.xsy_contact_refer .xsy_contact_refer_selectmunu {
    position: relative;
}

.xsy_contact_refer .xsy_contact_refer_toolbar_tip {
    top: 30px;
    left: 20px;
    width: 100px;
}

.xsy_contact_refer .xsy_contact_refer_toolbar_tip .xsy_su_refer_tip_content li {
    padding-left: 10px;
    text-align: left;
}

.xsy_contact_refer .xsy_contact_refer_toolbar_tip .xsy_su_refer_tip_content li.active b {
    top: 16px;
}

.xsy_contact_refer .xsy_su_refer_grid .xsy_contact_refer_staselect span {
    /*max-width: 36px;*/
    line-height: 20px;
    margin-right: 10px;
}

.xsy_contact_refer .xsy_su_refer_grid .xsy_contact_refer_staselect {
    height: 20px;
}

.xsy_contact_refer .xsy_su_refer_grid .xsy_contact_refer_staselect i.arrow {
    margin-top: -13px;
}

.xsy_contact_refer .xsy_su_refer_grid .xsy_contact_refer_name {
    font-weight: normal;
    display: inherit;
    float: left;
    overflow: hidden;
    max-width: calc(100% - 30px);
    max-width: -webkit-calc(100% - 30px);
    max-width: -moz-calc(100% - 30px);
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xsy_contact_refer .xsy_su_refer_grid .xsy_contact_refer_sta {
    margin-top: 6px;
    display: inline-block;
    float: left;
    width: 20px;
}
.xsy_contact_refer .xsy_su_refer .xsy_su_refer_card_link{
    max-width: 120px;
}
.xsy_crmfeed {
    width: 100%;
}

.xsy_crmfeed .xsy_crmfeed_title {
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
    color: #333940;
}

.xsy_crmfeed > div:last-child {
    padding-bottom: 0;
}


/*xsy_crmfeed_publish*/

.xsy_crmfeed .xsy_crmfeed_publish {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f9fafc;
}

.xsy_crmfeed_publish .xsy_crmfeed_editframe {
    display: none;
}

.xsy_crmfeed_publish.xsy_crmfeed_publish_active .xsy_crmfeed_editframe {
    display: block;
}

.xsy_crmfeed_publish .xsy_crmfeed_textarea textarea {
    width: 100%;
    height: 50px;
    padding: 5px;
}

.xsy_crmfeed_editframe .xsy_crmfeed_publish_title {
    display: block;
    margin-bottom: 10px;
}

.xsy_crmfeed_selectmenu select {
    line-height: 26px;
    width: 200px;
    height: 26px;
    margin-bottom: 10px;
}

.xsy_crmfeed_editframe .rk-sent {
    float: none;
    height: 40px;
    border-top: none;
    background-color: #f9fafc;
}

.xsy_crmfeed_editframe ul.rk-sent-add li a.rk-feed-attach,
.xsy_crmfeed_editframeul.rk-sent-add li a.rk-feed-attach:visited {
    padding: 0 15px 0 0;
}

.xsy_crmfeed_editframe .rk-sent-button {
    margin-right: 0;
}

.xsy_crmfeed_editframe .upload_popup_morepic {
    top: 40px;
    left: -50px;
}

.xsy_crmfeed_editframe .upload_popup_morefile {
    top: 40px;
    left: -13px;
}


/**/

.xsy_crmfeed .xsy_crmfeed_actflows {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    padding-bottom: 15px;
    background: url(xsyCrmFeed/feed_line_border.png) 13px top repeat-y;
}

.xsy_crmfeed_actflows .xsy_crmfeed_actflows_class {
    line-height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: left;
    height: 20px;
    margin-right: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex: 0 0 auto;
}

.xsy_crmfeed_actflows .xsy_crmfeed_actflows_class .xsy_crmfeed_actflows_ico {
    display: block;
    float: left;
    width: 16px;
    height: 18px;
    margin-right: 4px;
    margin-left: 5px;
    background: #fff url(xsyCrmFeed/round_g.png) center center no-repeat;
}

.xsy_crmfeed_actflows .xsy_crmfeed_actflows_con {
    line-height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: left;
    max-width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex: 1 1 0;
}

.xsy_crmfeed_actflows .xsy_crmfeed_actflows_con .xsy_crmfeed_actflows_name {
    margin-right: 10px;
    white-space: nowrap;
}

.xsy_crmfeed_actflows .xsy_crmfeed_actflows_con .xsy_crmfeed_actflows_des {
    margin-right: 10px;
    white-space: nowrap;
    color: #8fa1b2;
}

.xsy_crmfeed_actflows .xsy_crmfeed_actflows_con .xsy_crmfeed_actflows_group .xsy_crmfeed_actflows_name {
    margin-right: 5px;
}

.xsy_crmfeed .xsy_crmfeed_actrecord {
    position: relative;
    clear: both;
    padding-bottom: 15px;
    background: url(xsyCrmFeed/feed_line_border.png) 13px top repeat-y;
}

.xsy_crmfeed_actrecord .xsy_crmfeed_actrecord_class {
    line-height: 27px;
    height: 27px;
}

.xsy_crmfeed_actrecord .xsy_crmfeed_actrecord_class .xsy_crmfeed_actrecord_ico {
    display: block;
    float: left;
    width: 27px;
    height: 27px;
    background-color: #fff;
}

.xsy_crmfeed_actrecord .xsy_crmfeed_actrecord_class .xsy_crmfeed_actrecord_ico i {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-top: 4px;
    margin-left: 3px;
    background: url(xsyCrmFeed/active_ico.png) no-repeat;
}

.xsy_crmfeed_actrecord .xsy_crmfeed_actrecord_class .xsy_crmfeed_actrecord_visits i {
    background-position: 0 0;
}

.xsy_crmfeed_actrecord .xsy_crmfeed_actrecord_class .xsy_crmfeed_actrecord_call i {
    background-position: 0 -19px;
}

.xsy_crmfeed_actrecord .xsy_crmfeed_actrecord_class .xsy_crmfeed_actrecord_note i {
    background-position: 0 -38px;
}

.xsy_crmfeed_actrecord .xsy_crmfeed_actrecord_class .xsy_crmfeed_actrecord_message i {
    background-position: 0 -57px;
}

.xsy_crmfeed_actrecord .xsy_crmfeed_actrecord_class .xsy_crmfeed_actrecord_record i {
    background-position: 0 -76px;
}

.xsy_crmfeed_actrecord .xsy_crmfeed_actrecord_class .xsy_crmfeed_actrecord_time {
    color: #8fa1b2;
}

.xsy_crmfeed_actrecord .xsy_crmfeed_actrecord_con {
    position: relative;
    clear: both;
    overflow: hidden;
    margin-top: 9px;
    margin-left: 4px;
    padding: 10px;
    border-radius: 2px;
    border-radius: 4px;
    background: #f8f9fb;
}

.xsy_crmfeed_actrecord .xsy_crmfeed_actrecord_con .xsy_crmfeed_avatar {
    float: left;
}

.xsy_crmfeed_actrecord .xsy_crmfeed_actrecord_con .xsy_crmfeed_avatar .xsy_crmfeed_userpic {
    width: 40px;
    height: 40px;
    border-radius: 50px;
}

.xsy_crmfeed_actrecord .xsy_crmfeed_actrecord_con .xsy_crmfeed_actrecord_right_con {
    float: left;
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    margin: 10px 0 0 10px;
}

.xsy_crmfeed_actrecord_right_con .xsy_crmfeed_actrecord_showinfo .xsy_crmfeed_actrecord_comefrom span.xsy_crmfeed_actrecord_name {
    font-size: 14px;
    margin-right: 3px;
    color: #475059;
}

.xsy_crmfeed_actrecord_right_con .xsy_crmfeed_actrecord_showinfo .xsy_crmfeed_actrecord_comefrom .xsy_crmfeed_actrecord_des {
    margin-right: 3px;
    color: #8fa1b2;
}

.xsy_crmfeed_actrecord_right_con .xsy_crmfeed_actrecord_showinfo .xsy_crmfeed_actrecord_comefrom a.xsy_crmfeed_actrecord_name {
    margin-right: 3px;
}

.xsy_crmfeed_actrecord_right_con .xsy_crmfeed_actrecord_right_header {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}

.xsy_crmfeed_actrecord_right_con .xsy_crmfeed_actrecord_comefrom {
    float: left;
}

.xsy_crmfeed_actrecord_right_con .xsy_crmfeed_actrecord_toolbar {
    float: right;
}

.xsy_crmfeed_actrecord_right_con .xsy_crmfeed_actrecord_toolbar .xsy_crmfeed_actrecord_arrow {
    font-size: 12px;
    font-weight: normal;
    width: 20px;
    height: 20px;
}

.xsy_crmfeed_actrecord_toolbar .xsy_crmfeed_actrecord_arrow i {
    display: inline-block;
    width: 8px;
    height: 4px;
    vertical-align: super;
    background: url(xsyCrmFeed/arrow_down.png) top center no-repeat;
}

.xsy_crmfeed_actrecord_toolbar .xsy_crmfeed_actrecord_arrow:hover i {
    background: url(xsyCrmFeed/arrow_down_hover.png) top center no-repeat;
}


/**/

.xsy_crmfeed_actrecord_tip {
    position: absolute;
    z-index: 3;
    top: 39px;
    right: 3px;
    width: 60px;
    border: 1px solid #adc3d9;
    border-radius: 4px;
    background-color: #fff;
}

.xsy_crmfeed_actrecord_tip .xsy_crmfeed_actrecord_tip_toparrow {
    position: absolute;
    top: -15px;
    right: 4px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #adc3d9 transparent;
}

.xsy_crmfeed_actrecord_tip .xsy_crmfeed_actrecord_tip_topinside {
    position: absolute;
    top: -4px;
    left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.xsy_crmfeed_actrecord_tip_content {
    padding: 5px 0;
}

.xsy_crmfeed_actrecord_tip_content ul li {
    line-height: 30px;
    height: 30px;
    text-align: center;
}

.xsy_crmfeed_actrecord_tip_content ul li a {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    color: #8fa1b2;
}

.xsy_crmfeed_actrecord_tip_content ul li:hover {
    background-color: #edf0f2;
}

.xsy_crmfeed_actrecord_tip_content ul li:hover a {
    color: #475059 !important;
}

.xsy_crmfeed_actrecord_con .xsy_crmfeed_actrecord_addition {
    clear: both;
    overflow: hidden;
    margin: 10px 0 0;
    padding-right: 10px;
}

.xsy_crmfeed_actrecord_con .xsy_crmfeed_actrecord_addition p {
    line-height: 21px;
    display: block;
    float: left;
    clear: left;
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
    color: #475059;
}


/*图片展示*/

.xsy_crmfeed_actrecord_showimg {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
}

.xsy_crmfeed_actrecord_showimg img {
    width: 100px;
    cursor: url(/static/img/big.cur), auto;
    border: 1px solid #ddd;
}


/*语音播放*/

.xsy_comment_sound_container {
    float: left;
    height: 30px;
    margin: 0 0 10px;
    border-radius: 4px;
}

.xsy_comment_sound_container:hover {
    /* border: 1px solid #d5d7df;*/
}

.xsy_comment_sound_container .xsy_item_player {
    position: relative;
    display: inline-block;
    width: 120px;
    cursor: pointer;
}

.xsy_comment_sound_container .xsy_item_player .xsy_item_player_inner {
    line-height: 30px;
    display: block;
    height: 30px;
    border-radius: 3px;
    background-color: #00aaef;
}

.xsy_comment_sound_container .xsy_item_player.xsy_item_player_actived .xsy_item_player_inner {
    background-color: #0092cd;
}

.xsy_comment_sound_container:hover .xsy_item_player .xsy_item_player_inner {
    background-color: #0092cc;
}

.xsy_comment_sound_container .xsy_item_player .xsy_item_player_inner .xsy_item_player_length {
    float: right;
    margin-right: 12px;
    color: #fff;
}

.xsy_comment_sound_container .xsy_item_player .xsy_item_player_btn {
    position: absolute;
    z-index: 2;
    top: 7px;
    left: 10px;
    display: block;
    width: 11px;
    height: 16px;
    cursor: pointer;
    background: url(xsyCrmFeed/feed_sound_left.png) center center no-repeat;
}

.xsy_comment_sound_container .xsy_item_player.xsy_item_player_actived .xsy_item_player_btn {
    position: absolute;
    z-index: 2;
    top: 7px;
    left: 10px;
    display: block;
    width: 11px;
    height: 16px;
    cursor: pointer;
    background: url(xsyCrmFeed/feed_voice_playing_left.gif) center center no-repeat;
}

.xsy_comment_sound_container .xsy_item_player .xsy_item_player-corner {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
}


/*位置*/

.xsy_crmfeed_showposition {
    float: left;
    clear: both;
    margin: 0 0 10px;
}

.xsy_crmfeed_showposition a {
    line-height: 24px;
    display: block;
    height: auto !important;
    padding-right: 10px;
    color: #7784a2;
    border-radius: 4px;
}

.xsy_crmfeed_showposition a i {
    display: inline-block;
    float: left;
    width: 11px;
    height: 14px;
    margin: 4px 5px 0 0;
    background: url(xsyCrmFeed/position_ico.png) center center no-repeat;
}


/*文档*/

.xsy_crmfeed_show_file {
    position: relative;
    height: 80px;
}

.xsy_crmfeed_file_class {
    float: left;
    padding: 5px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

.xsy_crmfeed_file_class img {
    width: 72px;
    margin-right: 0;
    padding-left: 0;
    cursor: url(/static/img/big.cur), auto;
}

.xsy_crmfeed_show_file .xsy_crmfeed_show_file_nopreview {
    position: relative;
    overflow: hidden;
    width: 78px;
    height: 78px;
    text-align: center;
    border-radius: 0;
    background: url(/static/img/file_nopreview.jpg) center center no-repeat;
}

.xsy_crmfeed_show_file .xsy_crmfeed_file_class {
    margin-right: 0;
    margin-right: 8px;
    padding-left: 0;
    *cursor: url(/static/img/zoom_in.png), auto;
}

.xsy_crmfeed_show_file .xsy_crmfeed_file_convert_failed {
    width: 80px;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 0 0 12px 0;
    background: url(/static/img/preview_fail.png) center no-repeat;
}

.xsy_crmfeed_show_file .xsy_crmfeed_file_item_content .xsy_crmfeed_file-nopreview {
    width: 78px;
    height: 78px;
    border-radius: 0;
    background: url(/static/img/file_nopreview.jpg) center center no-repeat;
}

.xsy_crmfeed_show_file .xsy_crmfeed_file_info {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.xsy_crmfeed_file_area {
    clear: both;
    overflow: hidden;
}

.xsy_crmfeed_show_file .name {
    float: left;
    overflow: hidden;
    max-width: 250px;
    margin-bottom: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xsy_crmfeed_show_file .name a {
    color: #343d47;
}

.xsy_crmfeed_show_file .xsy_crmfeed_file_des {
    display: block;
    overflow: hidden;
    max-width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #959ca8;
}

.xsy_crmfeed_show_file .xsy_crmfeed_file_download {
    float: left;
    margin-left: 20px;
}

.xsy_crmfeed_show_file .xsy_crmfeed_file_download a {
    line-height: 16px;
    display: block;
    height: 16px;
    padding-left: 16px;
    opacity: .6;
    color: #343d47;
    background: url(/static/img/v1.7/file_download.png) left center no-repeat;
}

.xsy_crmfeed_show_file .xsy_crmfeed_file_download a:hover {
    opacity: 1;
    color: #4c81be;
    background: url(/static/img/v1.7/file_download_hover.png) left center no-repeat;
}


/*底部评论*/

.xsy_crmfeed_show_tool {
    float: left;
    clear: left;
    width: 100%;
    height: 16px;
    margin-top: 10px;
    margin-bottom: 0;
}

.xsy_crmfeed_show_tool .xsy_crmfeed_tool_list {
    float: right;
    margin-right: 5px;
}

.xsy_crmfeed_show_tool .xsy_crmfeed_tool_list .xsy_crmfeed_comment {
    color: #475059;
}

.xsy_crmfeed_show_tool .xsy_crmfeed_tool_list .xsy_crmfeed_comment i {
    display: inline-block;
    float: left;
    width: 14px;
    height: 13px;
    margin: 0 5px 0 0;
    background: url(xsyCrmFeed/comment_ico.png) 0 0 no-repeat;
}

.xsy_crmfeed_show_tool .xsy_crmfeed_tool_list .xsy_crmfeed_comment:hover {
    text-decoration: none;
}

.xsy_crmfeed_show_tool .xsy_crmfeed_tool_list .xsy_crmfeed_comment:hover i {
    background: url(xsyCrmFeed/comment_ico.png) 0 -17px no-repeat;
}


/*xsy_crmfeed_imageslider*/

.image-slider.xsy_crmfeed_imageslider {
    height: 100px;
    border: none;
}

.image-slider.xsy_crmfeed_imageslider a.prev {
    height: 98px;
    background: #e4eaf0 url(xsyCrmFeed/prev.png) center no-repeat;
}

.image-slider.xsy_crmfeed_imageslider a.next {
    height: 98px;
    background: #e4eaf0 url(xsyCrmFeed/next.png) center no-repeat;
}

.image-slider.xsy_crmfeed_imageslider a.prev:hover {
    background: #ebf1f7 url(xsyCrmFeed/prev_hover.png) center no-repeat;
}

.image-slider.xsy_crmfeed_imageslider a.next:hover {
    background: #ebf1f7 url(xsyCrmFeed/next_hover.png) center no-repeat;
}

.image-slider.xsy_crmfeed_imageslider .img-list {
    height: 98px;
    border: none;
    background-color: transparent;
}

.image-slider.xsy_crmfeed_imageslider .img-list .img-list-scroll {
    margin: 10px 21px;
}

.image-slider.xsy_crmfeed_imageslider .img-list li {
    border: 1px solid transparent;
}


/*xsy_crmfeed_showfile*/

.show-file.xsy_crmfeed_showfile {
    background-color: #fff;
}


/*xsy_crmfeed_comment_con*/

.feed-comment.xsy_crmfeed_comment_con {
    margin-left: -49px;
    padding: 0;
    background-color: transparent;
}

.feed-comment.xsy_crmfeed_comment_con .feed-comment-publish .avatar {
    position: absolute;
    top: 16px;
    left: 0;
}

.feed-comment.xsy_crmfeed_comment_con .feed-comment-publish {
    position: relative;
    margin-bottom: 10px;
}

.feed-comment.xsy_crmfeed_comment_con .feed-comment-publish .avatar img {
    width: 30px;
    height: 30px;
    border-radius: 50px;
}

.feed-comment.xsy_crmfeed_comment_con .feed-right-content {
    margin: 0 0 0 40px;
}

.feed-comment.xsy_crmfeed_comment_con .avatar img {
    width: 30px;
    height: 30px;
    border-radius: 50px;
}

.feed-comment.xsy_crmfeed_comment_con .feed-show-comment a.feed-more-link {
    margin-bottom: 0;
}

.feed-comment.xsy_crmfeed_comment_con .feed-comment-item {
    border-bottom: 1px dashed #fff;
}

.feed-comment.xsy_crmfeed_comment_con .feed-comment-publish .feed-publisher {
    border: 1px solid #dae6f2;
    border-radius: 4px;
}


/*ai_img*/


/*.ai_img{
  
}
.ai_img img{
    position: absolute;
    
}
.ai_img img:nth-child(1){
    left: 0px;
    top:5px;
    opacity: 1;
}
.ai_img img:nth-child(2){
    left: 1px;
    top:5px;
    opacity: 0;
    -webkit-animation: ai_imga 1.5s linear infinite;
     animation-delay: -1s
    -moz-animation-delay: -1s
    -webkit-animation-delay: -1s
}
.ai_img img:nth-child(3){
    left: 2px;
    top:5px;
    opacity: 0;
    -webkit-animation: ai_imgb 1.5s linear infinite;
     animation-delay: -2s
    -moz-animation-delay: -2s
    -webkit-animation-delay: -2s
    
}
@-webkit-keyframes ai_imga {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes ai_imgb {
   0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}*/

/*xsy_detail*/

.xsy_detail * {
    box-sizing: border-box;
}

.xsy_detail .xsy_detail_header {
    /*margin-bottom: 20px;*/
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px #d3d8db;
    -moz-box-shadow: 0 1px 1px #d3d8db;
    box-shadow: 0 1px 1px #d3d8db;
}


/*xsy_row xsy_detail_body*/

.xsy_detail .xsy_detail_body {
    width: calc(100% - 40px);
    min-height: 100px;
    margin: 0 20px 0 20px;
}
.xsyHorizontalLayout{
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.xsy_detail .xsy-colum {
    /*padding: 0 15px;*/
}

.xsy_detail .xsy_detail_subheader {
    width: 100%;
    margin-bottom: 20px;
    padding: 40px 0;
    border: 1px solid #eee;
}

.xsy_detail .xsy_detail_main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 20px auto 0 auto;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.xsy_detail .xsy_detail_left {
    min-width: 564px;
    max-width: 70%;
    padding-right: 20px;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    /* background: #00bcd4;*/
}

.xsy_detail .xsy_detail_right {
    width: calc(100%/3);
    width: -webkit-calc(100%/3);
    width: -webkit-calc(100%/3);
    min-width: 404px;
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.xsy-col.shrink-none {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.xsy_detail .xsy-header-menu {
    vertical-align: bottom;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}


/**/

.xsy_grid {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.xsy_header .grid_align_spread {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


/*xsy-subheader-header*/

.xsy_detail_subheader_header {
    display: -webkit-flex;
    display: flex;
    margin-top: -16px;
    padding: 0 .75rem;
    white-space: nowrap;
    justify-content: space-between;
}


/*xsy_bus_crumbs*/

.xsy_bus_crumbs {
    margin-left: 20px;
    margin-top: 20px;
}

.xsy_bus_crumbs a {
    line-height: 30px;
    display: inline-block;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 10px;
    color: #8fa1b2;
    border-radius: 4px;
    background: #f2f4f7;
}

.xsy_bus_crumbs a:hover {
    text-decoration: none;
    color: #475059;
    background: #e1e5eb;
}
.xsy_bus_crumbs a span.color{
    color:#00aaef;
}
.xsy_bus_crumbs a:hover span.color{
    color:#00aaef;
}
/*xsy_detail_noaccess*/

.xsy_detail_noaccess {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 236px;
    height: 186px;
    margin-top: -93px;
    margin-left: -112px;
    text-align: center;
}

.xsy_detail_noaccess .xsy_detail_noaccess_des {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #8fa1b2;
}

.xsy_detail_noaccess .xsy_detail_noaccess_return {
    font-size: 14px;
}

.xsy_detail_noaccess .xsy_detail_noaccess_return:hover {
    text-decoration: none;
    color: #00aaef;
}


.xsy_oa_detail_crumbs {
    float: left;
    margin-top: 20px;
}

.xsy_oa_detail_crumbs .xsy_oa_detail_path li {
    font-size: 14px;
    line-height: 20px;
    float: left;
    padding-right: 10px;
    padding-left: 15px;
    color: #475059;
    background: url(xsyOaDetail/path_arrow.png) left center no-repeat;
}

.xsy_oa_detail_crumbs .xsy_oa_detail_path li:nth-child(1) {
    padding-left: 0;
    background: none;
}

.xsy_oa_detail_crumbs .xsy_oa_detail_path li a {
    color: #475059;
}

.xsy_oa_detail {
    width: 100%;
}

.xsy_oa_detail_header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    padding: 0 20px;
    background: #fff;
    box-shadow: 0 -2px 0 0 #00aaef inset;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.xsy_oa_detail_header .xsy_oa_detail_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex: 1 1 0;
}

.xsy_oa_detail_header .xsy_oa_detail_title > span {
    font-size: 16px;
    margin-top: 18px;
    color: #475059;
}

.xsy_oa_detail_header .xsy_oa_detail_tool {
    margin-top: 15px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.xsy_oa_detail_header .xsy_oa_detail_tool .xsy_oa_detail_create {
    line-height: 30px;
    display: inline-block;
    height: 30px;
    padding: 0 25px;
    color: #fff;
    border-radius: 4px;
    background-color: #26bf8c;
}

.xsy_oa_detail_header .xsy_oa_detail_tool .xsy_oa_detail_create:hover {
    text-decoration: none;
    background-color: #2bd99f;
}

.xsy_oa_detail_expander {
    line-height: 52px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    padding: 0 20px;
    cursor: pointer;
    border-top: 1px solid #dae6f2;
    border-bottom: 1px solid #dae6f2;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.xsy_oa_detail_expander:first-child {
    border-top: none;
}

.xsy_oa_detail_expander:hover {
    background-color: #edf0f2;
}

.xsy_oa_detail_expander .xsy_oa_detail_expander_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex: 1 1 0;
}

.xsy_oa_detail_expander .xsy_oa_detail_expander_arrow {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.xsy_oa_detail_expander .xsy_oa_detail_expander_arrow i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(xsyOaDetail/expand_icon.png) 0 0 no-repeat;
}

.xsy_oa_detail_expander .xsy_oa_detail_expander_title {
    font-size: 16px;
}

.xsy_oa_detail_expander .xsy_oa_font_red {
    color: #ff7559;
}

.xsy_oa_detail_expander .xsy_oa_font_green {
    color: #1fc695;
}

.xsy_oa_detail_expander .xsy_oa_font_gray {
    color: #8fa1b2;
}

.xsy_oa_detail_expander .xsy_oa_font_blue {
    color: #00aaef;
}

.xsy_oa_detail_hasexpander .xsy_oa_detail_expander_arrow i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(xsyOaDetail/expand_icon.png) 0 -12px no-repeat;
}

/*xsy_group_members*/
.xsy_group_members{
    background-color: #fff;
    margin-bottom: 20px;
    padding-top:20px;
}
.xsy_group_members .xsy_group_members_header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding: 0 20px;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.xsy_group_members_header .xsy_group_members_header_lf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #475059;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex: 1 1 0;
}

.xsy_group_members_header .xsy_group_members_header_lr {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.xsy_group_members_header .xsy_group_members_header_lr .xsy_group_members_add {
    padding-left: 15px;
    color: #8fa1b2;
    background: url(xsyGroupMembers/add.png) right center no-repeat;
}

.xsy_group_members_header .xsy_group_members_header_lr .xsy_group_members_add:hover {
    background: url(xsyGroupMembers/add_hover.png) right center no-repeat;
}

.xsy_group_members_body > ul > li {
    height: 60px;
    padding: 0 28px;
}

.xsy_group_members_body > ul > li:hover {
    background-color: #f9fafc;
}

.xsy_group_members_con {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.xsy_group_members_con .xsy_group_members_con_lf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #475059;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex: 1 1 0;
}

.xsy_group_members_con_lf .xsy_group_members_info {
    margin: 10px 0 0 12px;
}

.xsy_group_members_con_lf .xsy_group_members_info span {
    display: block;
}

.xsy_group_members_con_lf .xsy_group_members_info .xsy_group_members_name {
    font-size: 14px;
    color: #475059;
}

.xsy_group_members_con_lf .xsy_group_members_info .xsy_group_members_title {
    margin-top: 4px;
    color: #8fa1b2;
}

.xsy_group_members_con_lf .xsy_group_members_avarter {
    margin-top: 10px;
}

.xsy_group_members_con_lf .xsy_group_members_avarter img {
    width: 40px;
    height: 40px;
    border-radius: 100px;
}

.xsy_group_members_con .xsy_group_members_con_lr {
    text-align: right;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.xsy_group_members_con .xsy_group_members_con_lr > ul {
    margin-top: 20px;
}

.xsy_group_members_con .xsy_group_members_con_lr > ul > li {
    position: relative;
    float: left;
    width: 120px;
}

.xsy_group_members_con .xsy_group_members_con_lr > ul > li:last-child {
    float: right;
    width: 50px;
}

.xsy_group_members_con_lr .xsy_group_members_role {
    display: block;
    margin-right: 30px;
    color: #8fa1b2;
}

.xsy_group_members_con_lr .xsy_group_members_arrow {
    display: inline-block;
    visibility: hidden;
    width: 20px;
    height: 20px;
}

.xsy_group_members_con_lr .xsy_group_members_arrow i {
    display: block;
    width: 20px;
    height: 20px;
    background: url(xsyGroupMembers/arrow_down.png) center center no-repeat;
}

.xsy_group_members_con_lr .xsy_group_members_arrow:hover i {
    background: url(xsyGroupMembers/arrow_down_hover.png) center center no-repeat;
}

.xsy_group_members_body > ul > li:hover .xsy_group_members_con_lr .xsy_group_members_arrow {
    visibility: visible;
}


/*xsy_su_embeded_tip*/

.xsy_group_members_tip {
    position: absolute;
    z-index: 2;
    top: 11px;
    right: -8px;
    width: 120px;
    border: 1px solid #adc3d9;
    border-radius: 4px;
    background-color: #fff;
}

.xsy_group_members_tip .xsy_group_members_tip_toparrow {
    position: absolute;
    top: -15px;
    right: 9px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #adc3d9 transparent;
}

.xsy_group_members_tip .xsy_group_members_tip_topinside {
    position: absolute;
    top: -4px;
    left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.xsy_group_members_tip_content {
    padding: 5px 0;
}

.xsy_group_members_tip_content ul li {
    line-height: 30px;
    height: 30px;
    padding-left: 10px;
    text-align: left;
}

.xsy_group_members_tip_content ul li a {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    color: #475059;
}

.xsy_group_members_tip_content ul li:hover {
    background-color: #edf0f2;
}

.xsy_schedule_detail_table {
    width: 100%;
    table-layout: fixed;
}

.xsy_schedule_detail_table tr td {
    line-height: 40px;
    height: 40px;
    color: #8fa1b2;
}

.xsy_schedule_detail_table tr td:first-child {
    padding-left: 20px;
}

.xsy_schedule_detail_table a:hover {
    text-decoration: none;
    color: #00aaef;
}

.xsy_schedule_detail_table .xsy_schedule_detail_task_ico {
    display: inline-block;
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 11px;
    margin-right: 5px;
}

.xsy_schedule_detail_table .xsy_schedule_detail_task_normal {
    background: url(xsyOaScheduleDetail/task_tickbox_normal.png) 0 0 no-repeat;
}

.xsy_schedule_detail_table .xsy_schedule_detail_task_normal:hover {
    background: url(xsyOaScheduleDetail/task_tickbox_normal.png) 0 -18px no-repeat;
}

.xsy_schedule_detail_table .xsy_schedule_detail_task_done {
    background: url(xsyOaScheduleDetail/task_tickbox_done.png) 0 0 no-repeat;
}

.xsy_schedule_detail_table .xsy_schedule_detail_task_done:hover {
    background: url(xsyOaScheduleDetail/task_tickbox_done.png) 0 -18px no-repeat;
}

.xsy_schedule_detail_table .xsy_schedule_detail_task_disabled {
    cursor: default;
    background: url(xsyOaScheduleDetail/task_tickbox_disable.png) 0 0 no-repeat;
}

.xsy_schedule_detail_table .xsy_schedule_detail_task_checkdisabled {
    cursor: default;
    background: url(xsyOaScheduleDetail/task_tickbox_disable.png) 0 -18px no-repeat;
}

.xsy_schedule_detail_table .xsy_schedule_detail_task_name {
    display: block;
    float: left;
    overflow: hidden;
    width: 66%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xsy_schedule_detail_table .xsy_schedule_detail_del {
    display: inline-block;
    display: none;
    float: left;
    width: 14px;
    height: 14px;
    background: url(xsyOaScheduleDetail/delete.png) center center no-repeat;
}

.xsy_schedule_detail_table .xsy_schedule_detail_del:hover {
    background: url(xsyOaScheduleDetail/delete_hover.png) center center no-repeat;
}

.xsy_schedule_detail_table tr:hover td {
    background-color: #edf0f2;
}

.xsy_schedule_detail_table tr:hover .xsy_schedule_detail_del {
    display: block;
}

.xsy_schedule_detail_table .xsy_schedule_detail_masker img {
    float: left;
    width: 25px;
    height: 25px;
    margin-top: 8px;
    margin-right: 10px;
    border-radius: 4px;
}

.xsy_schedule_detail_table .xsy_schedule_detail_group_face {
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 25px;
    height: 25px;
    margin-top: 8px;
    margin-right: 10px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    background-color: #e2e2e2;
}

.xsy_schedule_detail_table .xsy_schedule_detail_group_face img {
    float: left;
    width: 10px;
    height: 10px;
    margin-top: 1px;
    margin-left: 1px;
}

.xsy_schedule_detail_table .xsy_schedule_detail_avatar {
    color: #475059;
}

.xsy_schedule_detail_table .xsy_schedule_detail_avatar:hover {
    color: #475059;
}

.xsy_schedule_detail_table .xsy_schedule_detail_avatar .xsy_schedule_detail_name {
    display: inline-block;
    float: left;
    overflow: hidden;
    max-width: 60%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xsy_schedule_detail_table .xsy_schedule_detail_con {
    display: inline-block;
    float: left;
    overflow: hidden;
    max-width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xsy_schedule_detail_table .xsy_schedule_detail_line {
    display: inline-block;
    margin: 0 5px;
}

.xsy_schedule_detail_table .xsy_schedule_completed .xsy_schedule_detail_con {
    text-decoration: line-through;
    color: #8fa1b2;
}

.xsy_schedule_detail_table tbody tr td {
    cursor: pointer;
}

.xsy_schedule_detail_legend {
    display: inline-block;
    float: left;
    width: 10px;
    height: 10px;
    margin-top: 14px;
    margin-right: 8px;
    margin-left: 5px;
    border-radius: 100px;
}

.xsy_schedule_detail_normal {
    background: #00aaef;
}

.xsy_schedule_detail_green {
    background: #3eb352;
}

.xsy_schedule_detail_yellow {
    background: #ff9500;
}

.xsy_schedule_detail_red {
    background: #e6352d;
}

.xsy_schedule_detail_yellowolive {
    background: #d9bd14;
}

.xsy_schedule_detail_lightgreen {
    background: #27bfb0;
}

.xsy_schedule_detail_violet {
    background: #b804bf;
}

.xsy_schedule_detail_rosered {
    background: #fa65b9;
}

.xsy_schedule_detail_brown {
    background: #c76;
}

a.xsy_rescenter_detail_manage {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 25px;
    background-color: #fff;
    color: #3d5266;
    border-radius: 4px;
    border: 1px solid #a3b8cc;
    box-sizing: content-box;
    margin-left: 10px;
}

.xsy_rescenter_detail_manage:hover {
    background-color: #a3b8cc;
    border: 1px solid #a3b8cc;
    color: #fff;
    text-decoration: none;
}

.xsy_rescenter_detail_table {
    width: 100%;
}

.xsy_rescenter_detail_table thead tr th {
    height: 52px;
    line-height: 52px;
    background-color: #fafcff;
    border-bottom: 1px solid #dae6f2;
    text-align: left;
    text-indent: 20px;
    font-weight: normal;
}

.xsy_oa_detail_title .xsy_oa_detail_crumbs .xsy_oa_detail_path li {
    font-size: 16px;
}

.xsy_rescenter_detail_table thead tr th:first-child {
    border-right: 1px solid #dae6f2;
}

.xsy_rescenter_detail_body thead {
    display: none;
}

.xsy_rescenter_detail_body .xsy_rescenter_detail_table tbody tr td {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}

.xsy_rescenter_detail_body .xsy_rescenter_detail_table tbody tr:nth-child(odd) {
    background-color: #fff;
}

.xsy_rescenter_detail_body .xsy_rescenter_detail_table tbody tr:nth-child(even) {
    background-color: #f7f8fa;
}

.xsy_rescenter_detail_body .xsy_rescenter_detail_table tbody tr:hover td {
    background-color: #edf0f2;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_time {
    color: #8fa1b2;
    float: left;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_toolbar a {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 20px;
    float: left;
    background: url(xsyRescenterDetail/doc_toolbar_ico.png) no-repeat;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_toolbar a:hover {
    background: url(xsyRescenterDetail/doc_toolbar_ico_hover.png) no-repeat;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_toolbar {
    margin-left: 30px;
    float: left;
    display: none;
}

.xsy_rescenter_detail_body .xsy_rescenter_detail_table tr:hover .xsy_rescenter_detail_toolbar {
    display: inline-block;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_toolbar .xsy_rescenter_detail_upload {
    background-position: 0 0;
    margin: 12px 20px 0 0;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_toolbar .xsy_rescenter_detail_follow {
    background-position: 0 -17px;
    margin: 13px 20px 0 0;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_toolbar .xsy_rescenter_detail_transfer {
    background-position: 0 -33px;
    margin: 14px 20px 0 0;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_toolbar .xsy_rescenter_detail_delete {
    background-position: 0 -49px;
    margin: 12px 20px 0 0;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_toolbar .xsy_rescenter_detail_hasfollow {
    background: url(xsyRescenterDetail/doc_toolbar_ico_hover.png) 0 -17px no-repeat;
    margin: 13px 20px 0 0;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_toolbar .xsy_rescenter_detail_upload:hover {
    background-position: 0 0;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_toolbar .xsy_rescenter_detail_follow:hover {
    background-position: 0 -17px;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_toolbar .xsy_rescenter_detail_transfer:hover {
    background-position: 0 -33px;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_toolbar .xsy_rescenter_detail_delete:hover {
    background-position: 0 -49px;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_toolbar .xsy_rescenter_detail_hasfollow:hover {
    background: url(xsyRescenterDetail/doc_toolbar_ico.png) 0 -17px no-repeat;
    margin: 13px 20px 0 0;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_ico {
    height: 20px;
    line-height: 20px;
    float: left;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_excel {
    background: url(xsyRescenterDetail/rescenter_excel_ico.png) left center no-repeat;
    padding-left: 30px;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_pdf {
    background: url(xsyRescenterDetail/rescenter_pdf_ico.png) left center no-repeat;
    padding-left: 30px;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_ppt {
    background: url(xsyRescenterDetail/rescenter_ppt_ico.png) left center no-repeat;
    padding-left: 30px;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_txt {
    background: url(xsyRescenterDetail/rescenter_txt_ico.png) left center no-repeat;
    padding-left: 30px;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_word {
    background: url(xsyRescenterDetail/rescenter_word_ico.png) left center no-repeat;
    padding-left: 30px;
}

.xsy_rescenter_detail_table .xsy_rescenter_detail_folder {
    background: url(xsyRescenterDetail/rescenter_folder_ico.png) left center no-repeat;
    padding-left: 30px;
}

.xsy_rescenter_detail_table .lock_02 {
    background: url(xsyRescenterDetail/lock.png) left center no-repeat;
    padding-left: 30px;
}

.xsy_rescenter_detail_table .lock_01 {
    background: url(xsyRescenterDetail/lock.png) left center no-repeat;
    padding-left: 30px;
}

/*xsyOpportunityProgress*/
.xsy_opportunity_progress {
    width: 100%;
    /*padding-top: 20px;*/
    background-color: #fff;
}
.xsy_opportunity_progress .xsy_opportunity_progress_header {
    display: -webkit-flex;
    display: flex;
    padding: 0 20px;
    padding-top: 20px;
    white-space: nowrap;
    justify-content: space-between;
    padding-bottom: 20px;
}

.xsy_opportunity_progress .xsy_opportunity_progress_header:hover {
    text-decoration: none;
}

.xsy_opportunity_progress_wrapper {
    overflow: hidden;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.xsy_opportunity_progress_stretch {
    width: 100%;
    height: 100%;
}

.xsy_opportunity_progress .xsy_opportunity_progress_nav {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    border-radius: .125rem;
    border-radius: 40px;
    /*background: #fff;*/
}

.xsy_opportunity_progress .xsy_opportunity_progress_nav .xsy_opportunity_progress_item {
    position: relative;
    min-width: 80px;
    margin: 0;
    margin-right: 2px !important;
    margin-left: 3px !important;
    cursor: pointer;
    text-align: center;
    background-color: transparent;
    -webkit-flex: 1 1 11%;
    flex: 1 1 11%;
}

.xsy_opportunity_progress .xsy_opportunity_progress_nav .xsy_opportunity_progress_item.current {
    border-color: rgb(0, 112, 210);
}

.xsy_opportunity_progress_tab:before {
    position: absolute;
    z-index: 0;
    top: 0;
    left: -6px;
    width: 100%;
    height: 50%;
    content: '';
    -webkit-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);
    border-bottom: 0;
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}

.xsy_opportunity_progress .xsy_opportunity_progress_nav .xsy_opportunity_progress_header {
    display: block;
    overflow: hidden;
    height: 40px;
    margin-right: .5rem;
    padding: 13px .5rem 7px 1rem;
    text-overflow: ellipsis;
    color: #475059;
}

.xsy_opportunity_progress .xsy_opportunity_progress_header span {
    font-size: 14px;
    line-height: 14px;
    position: relative;
    z-index: 9;
    display: inline-block;
    overflow: hidden;
    max-width: calc(100% - 20px);
    max-width: -moz-calc(100% - 20px);
    max-width: -webkit-calc(100% - 20px);
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #475059;
}

.xsy_opportunity_progress .xsy_opportunity_progress_header span.xsy_opportunity_progress_header_warp {
    width: 100%;
}

.xsy_opportunity_progress_tab:after {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: -6px;
    width: 100%;
    height: 50%;
    content: '';
    -webkit-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
    border-top: 0;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
}

.xsy_opportunity_progress .xsy_opportunity_progress_border {
    position: relative;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 40px;
    -webkit-flex: 1 0;
    flex: 1 0;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab:last-child:before,
.xsy_opportunity_progress .xsy_opportunity_progress_tab:last-child:after {
    width: 200%;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab:first-child .tabHeader {
    padding-left: 0;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.complete .tabHeader span {
    display: inline-block;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform-origin: center 20%;
    -ms-transform-origin: center 20%;
    transform-origin: center 20%;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab .tabHeader > span:nth-child(1) {
    height: 0;
    color: white;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.complete .tabHeader > span:nth-child(1) {
    display: block;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.complete .tabHeader > span:nth-child(1) span {
    -webkit-transition-timing-function: cubic-bezier(1, 0, .5, 0);
    transition-timing-function: cubic-bezier(1, 0, .5, 0);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.complete .tabHeader > span:nth-child(2) {
    display: block;
    overflow: hidden;
    width: 100%;
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0, .5);
    transition-timing-function: cubic-bezier(0, 1, 0, .5);
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    text-overflow: ellipsis;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab:after,
.xsy_opportunity_progress .xsy_opportunity_progress_tab:before {
    left: 0;
    height: 20px;
    background-color: #f2f4f7;
}

.xsy_opportunity_progress .sfaProcessAssistantTab:before {
    border-bottom-color: #f2f4f7;
}

.xsy_opportunity_progress .sfaProcessAssistantTab:after {
    border-top-color: #f2f4f7;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab:before {
    border-bottom-color: #f2f4f7;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab:after {
    border-top-color: #f2f4f7;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab:before {
    -webkit-transform: skew(45deg);
    -ms-transform: skew(45deg);
    transform: skew(45deg);
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab:after {
    top: 20px;
    -webkit-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    transform: skew(-45deg);
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.current:before,
.xsy_opportunity_progress .xsy_opportunity_progress_tab.current:after {
    background-color: white;
}

.xsy_opportunity_progress .sfaProcessAssistantTab.current:before {
    border-bottom-color: white;
}

.xsy_opportunity_progress .sfaProcessAssistantTab.current:after {
    border-top-color: white;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.complete .tabHeader:hover > span:nth-child(1) span,
.xsy_opportunity_progress .xsy_opportunity_progress_tab.complete .tabHeader:focus > span:nth-child(1) span {
    padding-top: 3px;
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0, .5);
    transition-timing-function: cubic-bezier(0, 1, 0, .5);
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.complete .tabHeader:hover > span:nth-child(2),
.xsy_opportunity_progress .xsy_opportunity_progress_tab.complete .tabHeader:focus > span:nth-child(2) {
    -webkit-transition-timing-function: cubic-bezier(1, 0, .5, 0);
    transition-timing-function: cubic-bezier(1, 0, .5, 0);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab:hover:before,
.xsy_opportunity_progress .xsy_opportunity_progress_tab:hover:after {
    border-color: #ced2d6;
    background-color: #ced2d6;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.visited:before,
.xsy_opportunity_progress .xsy_opportunity_progress_tab.visited:after {
    border-color: #ced2d6;
    background-color: #ced2d6;
}

.xsy_opportunity_progress_tab:first-child,
.xsy_opportunity_progress_tab:first-child:after {
    padding-right: 0;
    padding-left: 0;
    /*border-radius: 16px;*/
}

.xsy_opportunity_progress .xsy_opportunity_progress_nav .xsy_opportunity_progress_tab:first-child {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-left: 6px;
    border-radius: 16px;
}

.xsy_opportunity_progress_tab:first-child:before,
.xsy_opportunity_progress_tab:first-child:after {
    right: 0;
    left: auto;
    width: 200%;
}

.xsy_opportunity_progress .xsy_opportunity_progress_action {
    display: -webkit-flex;
    display: flex;
    width: auto;
    margin-left: .5rem;
    vertical-align: middle;
}

.xsy_opportunity_progress .xsy_opportunity_progress_action a.action-btn {
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    min-width: 152px;
    max-width: 152px;
    height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    background-color: #a3b8cc;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
}

.xsy_opportunity_progress .xsy_opportunity_progress_action a.action-btn:hover {
    text-decoration: none;
    background-color: #869cb3;
}

.xsy_opportunity_progress .xsy_opportunity_progress_check {
    position: relative;
    z-index: 999;
    display: none;
    width: 21px;
    height: 15px;
    margin-right: 5px;
    background: url(xsyOpportunityProgress/check.png) center center no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived:before {
    background-color: #1fc695;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived span {
    display: inline-block;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived b {
    display: inline-block;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived span {
    color: #fff;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived:after {
    background-color: #1fc695;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived:hover:before {
    background-color: #1ba67c;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived:hover:after {
    background-color: #1ba67c;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived.visited:before,
.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived.visited:after {
    background-color: #1ba67c;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived b {
    display: inline-block;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_current span {
    color: #fff;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_current:after {
    background-color: #00aaef;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_current:before {
    background-color: #00aaef;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_current:hover:before {
    background-color: #0092cc;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_current:hover:after {
    background-color: #0092cc;
}

.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_current.visited:before,
.xsy_opportunity_progress .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_current.visited:after {
    background-color: #0092cc;
}

.xsy_opportunity_progress .xsy_opportunity_progress_nav .xsy_opportunity_progress_tab:nth-child(2) {
    margin-left: 5px !important;
}

.xsy_opportunity_progress .xsy_opportunity_progress_body {
    padding: 0 20px 15px 20px;
}

.xsy_opportunity_progress_body .xsy_opportunity_progress_title {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 2px;
    color: #475059;
}

.xsy_opportunity_progress .xsy_opportunity_progress_carditem {
    line-height: 40px;
    float: left;
    height: 40px;
    padding-right: 10px;
}

@media screen and (max-width: 1200px) {
    .xsy_listpreview.FULL .xsy_opportunity_progress .xsy_opportunity_progress_carditem {
        width: 50%;
    }
    .xsy_listpreview.WIDE .xsy_opportunity_progress .xsy_opportunity_progress_carditem,
    .xsy_listpreview.NARROW .xsy_opportunity_progress .xsy_opportunity_progress_carditem {
        width: 100%;
    }
}

@media screen and (min-width: 1201px) and (max-width: 2330px) {
    .xsy_listpreview.NARROW .xsy_opportunity_progress .xsy_opportunity_progress_carditem {
        width: 50%;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1810px) {
    .xsy_listpreview.WIDE .xsy_opportunity_progress .xsy_opportunity_progress_carditem {
        width: 50%;
    }
}

@media screen and (min-width: 1811px) and (max-width: 2330px) {
    .xsy_listpreview.WIDE .xsy_opportunity_progress .xsy_opportunity_progress_carditem {
        width: 50%;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1801px) {
    .xsy_listpreview.FULL .xsy_opportunity_progress .xsy_opportunity_progress_carditem {
        width: 50%;
    }
}

@media screen and (min-width: 1811px) and (max-width: 2330px) {
    .xsy_listpreview.FULL .xsy_opportunity_progress .xsy_opportunity_progress_carditem {
        width: 50%;
    }
}

@media screen and (min-width: 2331px) {
    .xsy_listpreview.FULL .xsy_opportunity_progress .xsy_opportunity_progress_carditem {
        width: 50%;
    }
    .xsy_listpreview.WIDE .xsy_opportunity_progress .xsy_opportunity_progress_carditem {
        width: 50%;
    }
    .xsy_listpreview.NARROW .xsy_opportunity_progress .xsy_opportunity_progress_carditem {
        width: 100%;
    }
}

.xsy_opportunity_progress_card {
    overflow: hidden;
    margin-top: 5px;
    /*margin-bottom: 20px;*/
    padding-left: 20px;
}

.xsy_opportunity_progress_carditem .xsy_opportunity_progress_carditem_wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.xsy_opportunity_progress .xsy_opportunity_progress_flow_ico {
    display: inline-block;
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 11px;
    margin-right: 10px;
}

.xsy_opportunity_progress .xsy_opportunity_progress_flow_normal {
    background: url(xsyOpportunityProgress/task_tickbox_normal.png) 0 0 no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_flow_normal:hover {
    background: url(xsyOpportunityProgress/task_tickbox_normal.png) 0 -18px no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_flow_done {
    background: url(xsyOpportunityProgress/task_tickbox_done.png) 0 0 no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_flow_done:hover {
    background: url(xsyOpportunityProgress/task_tickbox_done.png) 0 -18px no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_flow_disabled {
    cursor: default;
    background: url(xsyOpportunityProgress/task_tickbox_disable.png) 0 0 no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_flow_disabledcheck {
    cursor: default;
    background: url(xsyOpportunityProgress/task_tickbox_disable.png) 0 -18px no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_ico {
    width: 100%;
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.xsy_opportunity_progress .xsy_opportunity_progress_excel {
    padding-left: 30px;
    background: url(xsyOpportunityProgress/rescenter_excel_ico.png) left center no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_pdf {
    padding-left: 30px;
    background: url(xsyOpportunityProgress/rescenter_pdf_ico.png) left center no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_ppt {
    padding-left: 30px;
    background: url(xsyOpportunityProgress/rescenter_ppt_ico.png) left center no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_txt {
    padding-left: 30px;
    background: url(xsyOpportunityProgress/rescenter_txt_ico.png) left center no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_word {
    padding-left: 30px;
    background: url(xsyOpportunityProgress/rescenter_word_ico.png) left center no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_folder {
    padding-left: 30px;
    background: url(xsyOpportunityProgress/rescenter_folder_ico.png) left center no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_flow {
    font-size: 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 50%;
    max-width: none;
    max-width: 50%;
    padding-right: 10px;
    color: #8fa1b2;
    color: #475059;
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.xsy_opportunity_progress .xsy_opportunity_progress_flow > div:nth-child(1) {
    width: 100%;
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.xsy_opportunity_progress .xsy_opportunity_progress_flow > div:nth-child(2) {
    max-width: 30%;
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.xsy_opportunity_progress .xsy_opportunity_progress_doc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 50%;
    padding: 0 10px;
    color: #333940;
    color: #475059;
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.xsy_opportunity_progress .xsy_opportunity_progress_doc:hover {
    background-color: #f2f4f7;
}

.xsy_opportunity_progress .xsy_opportunity_progress_doc:hover a {
    text-decoration: none;
}

.xsy_opportunity_progress .xsy_opportunity_progress_doc a.xsy_opportunity_progress_replace {
    display: none;
    max-width: 30%;
    color: #9cacbb;
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.xsy_opportunity_progress .xsy_opportunity_progress_doc:hover a.xsy_opportunity_progress_replace {
    display: inline-block;
}

.xsy_opportunity_progress .xsy_opportunity_progress_flow.xsy_opportunity_progress_flowdone .xsy_opportunity_progress_task_name {
    text-decoration: line-through;
    color: #8fa1b2;
}

.xsy_opportunity_progress .xsy_opportunity_progress_flow.xsy_opportunity_progress_flowdisabled span {
    color: #8fa1b2;
}

.xsy_opportunity_progress .xsy_opportunity_progress_flow.xsy_opportunity_progress_flowdone span {
    color: #8fa1b2;
}

.xsy_opportunity_progress .xsy_opportunity_progress_doc .xsy_opportunity_progress_ico_null {
    color: #8fa1b2;
}

.xsy_opportunity_progress .xsy_opportunity_progress_footer {
    line-height: 30px;
    height: 30px;
    text-align: center;
    color: #8fa1b2;
    border-top: 1px solid #edf0f5;
}

.xsy_opportunity_progress .xsy_opportunity_progress_footer a.xsy_opportunity_progress_fewerico {
    height: 14px;
    margin: 8px 10px 0 10px;
    padding-left: 20px;
    color: #8fa1b2;
    background: url(xsyOpportunityProgress/card_ico.png) 0 -67px no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_footer a.xsy_opportunity_progress_fewerico:hover {
    text-decoration: none;
    color: #475059;
    background: url(xsyOpportunityProgress/card_ico_hover.png) 0 -67px no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_footer a.xsy_opportunity_progress_spreadico {
    height: 14px;
    margin: 8px 10px 0 10px;
    padding-left: 20px;
    color: #8fa1b2;
    background: url(xsyOpportunityProgress/card_ico.png) 0 -90px no-repeat;
}

.xsy_opportunity_progress .xsy_opportunity_progress_footer a.xsy_opportunity_progress_spreadico:hover {
    text-decoration: none;
    color: #475059;
    background: url(xsyOpportunityProgress/card_ico_hover.png) 0 -90px no-repeat;
}


/*close*/

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived:before {
    background-color: #e1e3e6;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived:after {
    background-color: #e1e3e6;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_current:before {
    background-color: #e1e3e6;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_current:after {
    background-color: #e1e3e6;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_header span {
    color: #8fa1b2;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_check {
    background: url(xsyOpportunityProgress/check_disabled.png) center center no-repeat;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab {
    cursor: pointer;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab:hover:before,
.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab:hover:after {
    border-color: #ced2d6;
    background-color: #ced2d6;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived:hover:before,
.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived:hover:after,
.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_current:hover:before,
.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_current:hover:after {
    background-color: #ced2d6;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived.visited:before,
.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_actived.visited:after,
.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_current.visited:before,
.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_tab.xsy_opportunity_progress_tab_current.visited:after {
    border-color: #ced2d6;
    background-color: #ced2d6;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_action a.action-btn {
    background-color: #1fc695;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_action a.action-btn:hover {
    background-color: #1ba67c;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_card {
    background-color: #f2f4f7;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_body .xsy_opportunity_progress_title {
    color: #8fa1b2;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_flow_normal {
    background: url(xsyOpportunityProgress/task_tickbox_disable.png) 0 0 no-repeat;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_flow_normal:hover {
    background: url(xsyOpportunityProgress/task_tickbox_disable.png) 0 0 no-repeat;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_flow_done {
    background: url(xsyOpportunityProgress/task_tickbox_disable.png) 0 -18px no-repeat;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_flow_done:hover {
    background: url(xsyOpportunityProgress/task_tickbox_disable.png) 0 -18px no-repeat;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_flow_disabled {
    background: url(xsyOpportunityProgress/task_tickbox_disable.png) 0 0 no-repeat;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_flow_disabled:hover {
    background: url(xsyOpportunityProgress/task_tickbox_disable.png) 0 0 no-repeat;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_flow_disabledcheck:hover {
    background: url(xsyOpportunityProgress/task_tickbox_disable.png) 0 -18px no-repeat;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_ico {
    color: #8fa1b2;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_flow {
    color: #8fa1b2;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_doc:hover {
    cursor: default;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_doc:hover a.xsy_opportunity_progress_replace {
    display: none;
}

.xsy_opportunity_progress.xsy_opportunity_progress_disabled .xsy_opportunity_progress_doc:hover a {
    cursor: default;
}

.xsy_opportunity_progress_result {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    /*margin: 0 20px;*/
    padding-left: 20px;
    color: #fff;
    background-color: #ff7559;
}

.xsy_opportunity_progress_result span:first-child {
    margin-right: 17px;
}

/**/

.xsy_rescenter_refer .xsy_rescenter_img {
    font-size: 12px;
    max-width: none;
    max-width: 30%;
    padding-right: 10px;
    color: #8fa1b2;
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.xsy_rescenter_refer .xsy_rescenter_info {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333940;
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.xsy_rescenter_refer .xsy_rescenter_title {
    font-size: 14px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #39c;
}

.xsy_rescenter_refer .xsy_rescenter_time {
    color: #8fa1b2;
}

.xsy_rescenter_refer .xsy_rescenter_name {
    float: left;
    overflow: hidden;
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xsy_rescenter_refer .xsy_rescenter_ico {
    display: inline-block;
    width: 26px;
    height: 34px;
}

.xsy_rescenter_refer .xsy_rescenter_info {
    margin: 0;
    padding: 0;
}

.xsy_rescenter_refer .xsy_su_refer_card_toolbar {
    display: inline-block;
    float: right;
}

.xsy_su_refer .xsy_su_refer_upload i {
    display: block;
    width: 14px;
    height: 14px;
    margin-top: 4px;
    background: url(xsyRescenterRefer/upload_ico.png) center center no-repeat;
}

.xsy_su_refer .xsy_su_refer_upload:hover i {
    background: url(xsyRescenterRefer/upload_ico_hover.png) center center no-repeat;
}

/*xsy_su_header*/

.xsy_su_header_fold {
    position: fixed;
    z-index: 99;
    top: 55px;
    left: 220px;
    width: calc(100% - 220px - 17px);
    width: -webkit-calc(100% - 220px - 17px);
    width: -moz-calc(100% - 220px - 17px);
}

.xsy_su_header_fold_menu_fold {
    position: fixed;
    z-index: 99;
    top: 55px;
    left: 60px;
    width: calc(100% - 60px - 17px);
    width: -webkit-calc(100% - 60px - 17px);
    width: -moz-calc(100% - 60px - 17px);
}

.xsy_su_header .xsy_su_header_businfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex: 1 1 0;
}

.xsy_su_header_grid {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.xsy_su_header .grid_align_spread {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.xsy_su_header .xsy_su_header_businfo.xsy_su_header_grid_col {
    flex: 1 1 0;
}

.xsy_su_header .xsy_su_header_businfo .xsy_su_header_primary .xsy_su_header_col {
    min-width: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.xsy_su_header .xsy_su_header_follow {
    font-size: 12px;
    line-height: 30px;
    display: inline-block;
    min-width: 85px;
    height: 30px;
    margin-top: 5px;
    margin-left: 20px;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
    color: #475059;
    border: 1px solid #a3b8cc;
    border-radius: 4px;
    background-color: #fff;
    flex-wrap: nowrap;
    /*letter-spacing: 4px;*/
}

.xsy_su_header .xsy_su_header_follow:hover {
    color: #fff;
    border: 1px solid #00aaef;
    background-color: #00aaef;
}

.xsy_su_header .xsy_su_header_follow i {
    display: inline-block;
    float: left;
    width: 16px;
    height: 14px;
    margin: 8px 5px 0 0;
    background: url(xsySuHeader/follow.png) 0 0 no-repeat;
}

.xsy_su_header .xsy_su_header_follow:hover i {
    display: inline-block;
    float: left;
    width: 16px;
    height: 14px;
    margin: 8px 5px 0 0;
    background: url(xsySuHeader/follow.png) 0 -14px no-repeat;
}

.xsy_su_header .xsy_su_header_hasfollow {
    font-size: 12px;
    line-height: 30px;
    display: inline-block;
    min-width: 85px;
    height: 30px;
    margin-top: 5px;
    margin-left: 20px;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
    color: #00aaef;
    border: 1px solid #a3b8cc;
    border-radius: 4px;
    background-color: #fff;
    flex-wrap: nowrap;
    /*letter-spacing: 4px;*/
}

.xsy_su_header .xsy_su_header_hasfollow i {
    display: inline-block;
    float: left;
    width: 16px;
    height: 14px;
    margin: 8px 5px 0 0;
    background: url(xsySuHeader/follow.png) 0 -28px no-repeat;
}

.xsy_su_header .xsy_su_header_hasfollow:hover {
    color: #fff;
    border: 1px solid #00aaef;
    background-color: #00aaef;
}

.xsy_su_header .xsy_su_header_hasfollow:hover i {
    background: url(xsySuHeader/follow.png) 0 -42px no-repeat;
}

.xsy_su_header .xsy_su_header_menu.xsy_su_header_col {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.xsy_su_header .xsy_su_header_businfo .xsy_su_header_primary {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.xsy_su_header .xsy_su_header_field .xsy_su_header_title span {
    font-size: 22px;
    font-weight: normal;
    line-height: 40px;
    display: inline-block;
    overflow: hidden;
    max-width: 460px;
    height: 40px;
    padding-left: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333940;
}

.xsy_su_header .xsy_su_header_businfo .xsy_su_header_figure {
    display: block;
    float: left;
    height: 40px;
}

.xsy_su_header .xsy_su_header_businfo .xsy_header_account {
    background: url(xsySuHeader/header_entity_ico.png) 0 0 no-repeat;
}

.xsy_su_header .xsy_su_header_businfo .xsy_header_opportunity {
    background: url(xsySuHeader/header_entity_ico.png) 0 -40px no-repeat;
}

.xsy_su_header .xsy_su_header_businfo .xsy_header_customize {
    background: url(xsySuHeader/header_entity_ico.png) 0 -80px no-repeat;
}

.xsy_su_header .xsy_su_header_detail {
    /*padding-top: 10px;*/
    overflow: hidden;
    margin: 0;
    margin-top: 10px;
}

.xsy_su_header .xsy_su_header_detail .size-1-of-5 {
    width: 20%;
}

.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields .xsy_su_header_col {
    /* padding-right: .75rem;
    padding-left: .75rem;*/
}

.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields .xsy_su_header_item .xsy_su_header_recordcell {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    padding-right: 1rem;
    white-space: nowrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
}

.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields .xsy_su_header_item .xsy_su_header_value {
    font-size: 14px;
    color: #475059;
}
.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields .xsy_su_header_item .xsy_su_header_value a.item-relation{
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #00aaef;
}
.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields .xsy_su_header_item .xsy_su_header_value a.item-relation:hover{
    color: #09c;
}
.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields .xsy_su_header_item .xsy_su_header_label {
    font-size: 12px;
    width: 100%;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #8fa1b2;
}

.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields .xsy_su_header_item .xsy_su_header_value a.item-user img {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 100px;
}

.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields .xsy_su_header_item .xsy_su_header_value span.item-user-name {
    float: left;
    margin-top: 4px;
    margin-left: 5px;
    color: #475059;
}
.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields .xsy_su_header_item .xsy_su_header_value a.item-relation span.item-user-name{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #3399cc;
}.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields .xsy_su_header_item .xsy_su_header_value a.item-relation span.item-user-name:hover{
    text-decoration: none;
    color: #00aaef;
}
.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields .xsy_su_header_highsea {
    max-width: 100px;
}

.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields .xsy_su_header_item .xsy_su_header_mark {
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 10px;
    cursor: pointer;
    background: url(xsySuHeader/mark.png) 0 0 no-repeat;
}

.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields .xsy_su_header_item .xsy_su_header_mark:hover {
    background: url(xsySuHeader/mark.png) 0 -16px no-repeat;
}

.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields {
    font-size: .875rem;
    line-height: 1.5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-align: left;
    color: rgb(22, 50, 92);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields li {
    box-sizing: border-box;
    border-right: 8px solid #fff;
    background-color: #f2f4f7;
}

.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields li:hover {
    /*box-shadow: inset 0 2px 0 #00aaef;*/
}

.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields li:last-child {
    border-right: none;
}

.xsy_su_header .xsy_su_header_detail .xsy_su_header_sedfields .xsy_su_header_item {
    margin: 20px 0 10px 20px;
}


/*加载模板*/

.xsy_su_header.xsy_su_header_initing .xsy_su_header_businfo .xsy_su_header_primary {
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 0px;
}

.xsy_su_header.xsy_su_header_initing .xsy_su_header_detail {
    padding-top: 0;
    margin-top: 0px;
}

.xsy_schedule_refer .xsy_su_refer_card_item {
    position: relative;
}


/*初始化无数据状态*/


/*xsy_schedule_refer_null*/


/*xsy_schedule_refer_legend*/

.xsy_schedule_refer_legend {
    position: absolute;
    top: 16px;
    left: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100px;
}

.xsy_schedule_refer_schedule_none {
    background: #00aaef;
}

.xsy_schedule_refer_schedule_green {
    background: #3eb352;
}

.xsy_schedule_refer_schedule_yellow {
    background: #ff9500;
}

.xsy_schedule_refer_schedule_red {
    background: #e6352d;
}

.xsy_schedule_refer_schedule_yellowolive {
    background: #d9bd14;
}

.xsy_schedule_refer_schedule_lightgreen {
    background: #27bfb0;
}

.xsy_schedule_refer_schedule_violet {
    background: #b804bf;
}

.xsy_schedule_refer_schedule_rosered {
    background: #fa65b9;
}

.xsy_schedule_refer_schedule_brown {
    background: #c76;
}


/*xsy_schedule_refer_task*/

.xsy_schedule_refer_task {
    position: absolute;
    top: 13px;
    left: 10px;
    display: inline-block;
    width: 14px;
    height: 14px;
}

.xsy_schedule_refer_task_normal {
    background: url(xsyScheduleRefer/task_tickbox_normal.png) 0 0 no-repeat;
}

.xsy_schedule_refer_task_normal:hover {
    background: url(xsyScheduleRefer/task_tickbox_normal.png) 0 -14px no-repeat;
}

.xsy_schedule_refer_task_done {
    background: url(xsyScheduleRefer/task_tickbox_done.png) 0 0 no-repeat;
}

.xsy_schedule_refer_task_done:hover {
    background: url(xsyScheduleRefer/task_tickbox_done.png) 0 -14px no-repeat;
}

.xsy_schedule_refer_task_disabled {
    cursor: default;
    background: url(xsyScheduleRefer/task_tickbox_disable.png) 0 0 no-repeat;
}

.xsy_schedule_refer_task_checkdisabled {
    cursor: default;
    background: url(xsyScheduleRefer/task_tickbox_disable.png) 0 -14px no-repeat;
}

.xsy_su_refer.xsy_schedule_refer .xsy_su_refer_card_link {
    margin-left: 20px;
}

/*xsy_su_info*/

.xsy_su_info {
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    padding: 20px 20px 0 20px;
    margin-bottom: 20px;
}

.xsy_su_info_sec {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px dashed #eef2f4;
}

.xsy_su_info_sec .xsy_su_info_list {
    padding-bottom: 10px;
}

.xsy_su_info .xsy_su_info_title {
    font-size: 12px;
    color: #3d3e40;
}

.xsy_su_info_list .xsy_su_info_list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
}

.xsy_su_info_list .xsy_su_info_item {
    cursor: pointer;
}

.xsy_su_info_list .xsy_su_info_item.noneeditable {
    cursor: default;
}

.xsy_listpreview.WIDE .xsy_su_info_list .xsy_su_info_item {
    float: left;
    /*width: 50%;*/
    padding: 15px 20px;
}

.xsy_listpreview.NARROW .xsy_su_info_list .xsy_su_info_item {
    /*width: 100%;*/
    padding: 15px 20px;
}

.xsy_su_info_item .xsy_su_info_label {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #8fa1b2;
}

.xsy_su_info_item .xsy_su_info_data {
    font-size: 14px;
    line-height: 33px;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 33px;
    padding-right: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333940;
}

.xsy_su_info_item .xsy_su_info_data .ui-select-buttonset .ui-selectmenu-button span.ui-icon {
    right: 7px;
}

.xsy_su_info_item .xsy_su_info_data .ui-select-buttonset .ui-selectmenu-button:nth-child(2) {
    width: 30% !important;
}

.xsy_su_info_item .xsy_su_info_data .ui-select-buttonset .ui-selectmenu-button:nth-child(4) {
    width: 25% !important;
}

.xsy_su_info_item .xsy_su_info_data .ui-select-buttonset .ui-selectmenu-button:nth-child(6) {
    width: 25% !important;
}

.xsy_su_info_item .xsy_su_info_null {
    color: #cfd6e5;
}

.xsy_su_info_data .item-user {
    float: left;
}

.xsy_su_info_data .item-user img {
    float: left;
    width: 25px;
    height: 25px;
    margin-top: 6px;
    border-radius: 100px;
}

.xsy_su_info_data .item-user-name {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    margin: 3px 2px 0 6px;
    vertical-align: super;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xsy_su_info_list .xsy_su_info_item:hover {
    background-color: #f2f4f7;
}

.xsy_su_info_list .xsy_su_info_item:hover .xsy_su_info_data {
    cursor: pointer;
    background: url(xsySuInfo/pen.png) right center no-repeat;
}

.xsy_su_info_list .xsy_su_info_item.noneeditable:hover .xsy_su_info_data {
    cursor: default;
    background: none;
}

.xsy_su_info_item .xsy_su_info_data_null {
    color: #8fa1b2;
}

.xsy_su_info .xsy_su_info_map {
    position: relative;
    width: 376px;
    height: 232px;
    margin-top: 10px;
    margin-bottom: 25px;
    margin-left: 20px;
    cursor: url(/static/img/big.cur), auto;
    border: 1px solid #adbdcc;
}

.xsy_su_info .ui-spinner-input {
    margin-left: 0;
}

.xsy_su_info input.text {
    width: 80%;
}

.xsy_su_info .xsy_su_info_data .ui-spinner input[type='text'] {
    width: 80%;
}

.xsy_su_info .xsy_su_info_map .account-map-mask {
    font-size: 14px;
    line-height: 223px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: .3;
    color: #fff;
    background: #000;
}

.xsy_su_info .xsy_su_info_map .account-map-mask a.account-map-wideview {
    display: block;
    width: 100%;
    height: 100%;
}

.xsy_su_info .xsy_su_info_map:hover .account-map-mask {
    display: block;
}

.xsy_su_info_item:hover .xsy_su_info_data.xsy_su_info_edit {
    background: none;
}

.xsy_su_info_data.xsy_su_info_edit input.text {
    line-height: 30px;
    width: calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    height: 30px;
    text-indent: 5px;
    border: 1px solid #a3b8cc;
    border-radius: 4px;
    background-color: #fff;
    background-image: none;
}

.xsy_su_info_data.editing .ui-multiselect.ui-state-default {
    width: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
}

.xsy_su_info_data.editing textarea {
    width: calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    height: 100px;
}

@media screen and (max-width:1200px) {
    .xsy_listpreview.FULL .xsy_su_info_list .xsy_su_info_item {
        width: 50%;
    }
    .xsy_listpreview.WIDE .xsy_su_info_list .xsy_su_info_item,
    .xsy_listpreview.NARROW .xsy_su_info_list .xsy_su_info_item {
        width: 100%;
    }
}

@media screen and (min-width:1201px) and (max-width:2330px) {
    .xsy_listpreview.NARROW .xsy_su_info_list .xsy_su_info_item {
        width: 100%;
    }
}

@media screen and (min-width:1201px) and (max-width:1810px) {
    .xsy_listpreview.WIDE .xsy_su_info_list .xsy_su_info_item {
        width: 50%;
    }
}

@media screen and (min-width:1811px) and (max-width:2330px) {
    .xsy_listpreview.WIDE .xsy_su_info_list .xsy_su_info_item {
        width: 50%;
    }
}

@media screen and (min-width:1201px) and (max-width:1801px) {
    .xsy_listpreview.FULL .xsy_su_info_list .xsy_su_info_item {
        width: 50%;
    }
}

@media screen and (min-width:1811px) and (max-width:2330px) {
    .xsy_listpreview.FULL .xsy_su_info_list .xsy_su_info_item {
        width: 50%;
    }
}

@media screen and (min-width:2331px) {
    .xsy_listpreview.FULL .xsy_su_info_list .xsy_su_info_item {
        width: 50%;
    }
    .xsy_listpreview.WIDE .xsy_su_info_list .xsy_su_info_item {
        width: 50%;
    }
    .xsy_listpreview.NARROW .xsy_su_info_list .xsy_su_info_item {
        width: 100%;
    }
}

.amap-copyright,
.amap-logo {
    z-index: 0;
}

.xsy_su_info_list .xsy_su_info_item.single-column {
    width: 100% !important;
}

.xsy_su_info_list .xsy_su_info_item.single-column .xsy_su_info_data {
    line-height: 22px;
    overflow: auto;
    height: auto;
    white-space: pre-wrap;
    text-overflow: inherit;
}

/*-------------------------------- Debug, And -------------------------------*/
.account-detail .xsy_su_info:nth-child(1){
    margin-bottom: 0px;
}
.account-detail .xsy_su_info:nth-child(1) .xsy_su_info_sec.last-child{
    margin-bottom: 0px;
}
.account-detail .xsy_su_info:nth-child(2){
    padding: 10px 20px 0 20px;
    margin-top: -10px;
}
.account-detail .xsy_su_info:nth-child(2) .xsy_su_info_sec{
    margin-bottom: 0px;
}
/*-------------------------------- Debug, END -------------------------------*/
.xsy_su_refer {
    overflow: hidden;
    padding: 15px 20px 15px 20px;
    padding-bottom: 0;
    border-bottom: 1px dashed #e5e5e5;
    background: #fff;
}

.xsy_su_refer .xsy_su_refer_header {
    line-height: 1.25;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.xsy_su_refer .xsy_su_refer_header .xsy_su_refer_title a:hover > span {
    color: #00aaef;
}

.xsy_su_refer_null {
    padding-bottom: 15px;
}

.xsy_su_refer .xsy_su_refer_title {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.xsy_su_refer .xsy_su_refer_title a {
    font-weight: normal;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: left;
    max-width: 100%;
    text-decoration: none;
    align-items: center;
}

.xsy_su_refer .xsy_su_refer_icon {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background: url(xsySuRefer/refer_ico.png) no-repeat;
}

.xsy_su_refer .xsy_su_refer_contact_icon {
    background-position: 0 0;
}

.xsy_su_refer .xsy_su_refer_opportunity_icon {
    background-position: 0 -30px;
}

.xsy_su_refer .xsy_su_refer_contract_icon {
    background-position: 0 -60px;
}

.xsy_su_refer .xsy_su_refer_order_icon {
    background-position: 0 -90px;
}

.xsy_su_refer .xsy_su_refer_case_icon {
    background-position: 0 -120px;
}

.xsy_su_refer .xsy_su_refer_schedule_icon {
    background-position: 0 -150px;
}

.xsy_su_refer .xsy_su_refer_approval_icon {
    background-position: 0 -180px;
}

.xsy_su_refer .xsy_su_refer_rescenter_icon {
    background-position: 0 -210px;
}

.xsy_su_refer .xsy_su_refer_customize_icon {
    background-position: 0 -240px;
}

.xsy_su_refer .xsy_su_refer_product_icon {
    background-position: 0 -270px;
}

.xsy_su_refer .xsy_su_refer_competitor_icon {
    background-position: 0 -300px;
}

.xsy_su_refer .xsy_su_refer_partner_icon {
    background-position: 0 -330px;
}

.xsy_su_refer .xsy_su_refer_name {
    font-size: 14px;
    margin-left: 10px;
    color: #475059;
    max-width: 300px;
}

.xsy_su_refer .xsy_su_refer_num {
    font-size: 14px;
    color: #475059;
}

.xsy_su_refer .xsy_su_refer_more {
    font-size: 12px;
    margin-left: 5px;
    color: #8fa1b2;
}

.xsy_su_refer .xsy_su_refer_right {
    -webkit-box-flex: initial;
    -moz-box-flex: initial;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial;
}

.xsy_su_refer .xsy_su_refer_buttonset {
    margin-top: 10px;
}

.xsy_su_refer .xsy_su_refer_buttonset > ul > li {
    position: relative;
    float: left;
    margin-left: 20px;
}

.xsy_su_refer .xsy_su_refer_buttonset > a {
    float: left;
    width: 25px;
    height: 25px;
}

.xsy_su_refer .xsy_su_refer_expand {
    color: #8fa1b2;
}

.xsy_su_refer .xsy_su_refer_expand i {
    display: inline-block;
    float: left;
    width: 14px;
    height: 14px;
    margin-top: 5px;
    margin-right: 5px;
    background: url(xsySuRefer/card_ico.png) 0 -90px no-repeat;
}

.xsy_su_refer .xsy_su_refer_expand:hover i {
    background: url(xsySuRefer/card_ico_hover.png) 0 -90px no-repeat;
}

.xsy_su_refer .xsy_su_refer_edit i {
    display: inline-block;
    float: left;
    width: 14px;
    height: 14px;
    margin-top: 5px;
    margin-right: 0;
    background: url(xsySuRefer/card_ico.png) 0 -120px no-repeat;
}

.xsy_su_refer .xsy_su_refer_edit:hover i {
    background: url(xsySuRefer/card_ico_hover.png) 0 -120px no-repeat;
}

.xsy_su_refer .xsy_su_refer_expand:hover {
    text-decoration: none;
    color: #475059;
}

.xsy_su_refer .xsy_su_refer_expand > span {
    float: left;
    margin-top: 5px;
}

.xsy_su_refer .xsy_su_refer_create i {
    display: block;
    width: 12px;
    height: 12px;
    margin-top: 5px;
    background: url(xsySuRefer/card_ico.png) 0 0 no-repeat;
}

.xsy_su_refer .xsy_su_refer_create:hover i {
    background: url(xsySuRefer/card_ico_hover.png) 0 0 no-repeat;
}

.xsy_su_refer .xsy_su_refer_set i {
    display: block;
    width: 14px;
    height: 14px;
    margin-top: 4px;
    background: url(xsySuRefer/card_ico.png) -1px -15px no-repeat;
}

.xsy_su_refer .xsy_su_refer_set:hover i {
    background: url(xsySuRefer/card_ico_hover.png) -1px -15px no-repeat;
}

.xsy_su_refer .xsy_rescenter_refer_upload i {
    display: block;
    width: 14px;
    height: 14px;
    margin-top: 4px;
    background: url(xsyRescenterRefer/upload_ico.png) center center no-repeat;
}

.xsy_su_refer .xsy_rescenter_refer_upload:hover i {
    background: url(xsyRescenterRefer/upload_ico_hover.png) center center no-repeat;
}

.xsy_su_refer_tip_content i {
    display: inline-block;
    float: left;
    width: 14px;
    height: 14px;
    margin: 8px 10px 0 0;
    background: url(xsySuRefer/card_ico.png) no-repeat;
}

.xsy_su_refer_tip_content .xsy_su_refer_gridico i {
    background-position: 0 -32px;
}

.xsy_su_refer_tip_content .xsy_su_refer_cardico i {
    background-position: 0 -50px;
}

.xsy_su_refer_tip_content .xsy_su_refer_fewerico i {
    background-position: 0 -67px;
}

.xsy_su_refer_tip_content .xsy_su_refer_spreadico i {
    background-position: 0 -90px;
}

.xsy_su_refer_tip .xsy_su_refer_tip_content ul li.active {
    background-color: #edf0f2;
}

.xsy_su_refer_tip .xsy_su_refer_tip_content ul li.active b {
    position: absolute;
    top: 11px;
    right: 7px;
    display: inline-block;
    width: 10px;
    height: 8px;
    background: url(xsySuRefer/check.png) right center no-repeat;
}


/**/

.xsy_su_refer .xsy_su_refer_body {
    /*margin-left: 44px;*/
    /*overflow: hidden;*/
}

.xsy_su_refer .xsy_su_refer_body .xsy_su_refer_grid .table_header {
    border: none;
}

.xsy_su_refer .xsy_su_refer_body .xsy_su_refer_grid .table_body {
    max-height: 400px;
    border: none;
}

.xsy_su_refer .xsy_su_refer_card_itembody {
    margin-right: 10px;
    padding: 10px;
    padding-right: 0;
    /*border:1px solid #f2f4f7;*/
}

.xsy_su_refer_card {
    margin-top: 5px;
    margin-left: 32px;
}

.xsy_su_refer_card .xsy_su_refer_card_item {
    float: left;
    margin-bottom: 10px;
    /*border-right:1px solid #f2f4f7;*/
    /*min-height: 87px;*/
}

.xsy_su_refer_card .xsy_su_refer_card_item:hover {
    background-color: #f2f4f7;
}

.xsy_su_refer .xsy_su_refer_card_field {
    line-height: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*height: 20px;*/
    /*margin-bottom: 7px;*/
}

.xsy_su_refer .xsy_su_refer_card_icon {
    line-height: 1;
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    padding-right: .25rem;
    border: 1px solid #ccc;
}

.xsy_su_refer .xsy_su_refer_card_icon:not(:empty) + a {
    max-width: calc(100% - 2.5rem);
    max-width: -webkit-calc(100% - 2.5rem);
    max-width: -moz-calc(100% - 2.5rem);
}

.xsy_su_refer .xsy_su_refer_card_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex: 1 1 0;
    width: 100%;
}

.xsy_su_refer .xsy_su_refer_card_link {
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    overflow: hidden;
    /*width: 100%;*/
    width: -webkit-min-content;
    max-width: 100%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    color: #39c;
}

.xsy_su_refer .xsy_su_refer_card_link:hover {
    text-decoration: underline;
    color: #00aaef;
}

.xsy_su_refer .xsy_su_refer_card_toolbar {
    position: relative;
    -webkit-box-flex: initial;
    -moz-box-flex: initial;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial;
}

.xsy_su_refer .xsy_su_refer_card_toolbar > a {
    font-size: 12px;
    font-weight: normal;
    visibility: hidden;
    width: 20px;
    height: 20px;
}

.xsy_su_refer .xsy_su_refer_card_item:hover .xsy_su_refer_card_toolbar > a {
    visibility: visible;
}

.xsy_su_refer .xsy_su_refer_card_toolbar .xsy_su_refer_arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: super;
    background: url(xsySuRefer/arrow_down.png) top center no-repeat;
}

.xsy_su_refer .xsy_su_refer_card_toolbar > a:hover .xsy_su_refer_arrow {
    background: url(xsySuRefer/arrow_down_hover.png) top center no-repeat;
}

.xsy_su_refer .xsy_su_refer_card_rows {
    margin: 0;
    margin-bottom: 2px;
    padding: 0;
    list-style: none;
}

.xsy_su_refer .xsy_su_refer_card_rows li.xsy_su_refer_card_rows {
    height: 20px;
}

.xsy_su_refer .xsy_su_refer_card_rows li.xsy_su_refer_card_rows:last-child {
    margin-bottom: 0;
}

.xsy_su_refer .xsy_su_refer_card_rows .xsy_su_refer_card_group {
    margin-bottom: 8px;
}

.xsy_su_refer ul.xsy_su_refer_card_rows {
    margin-bottom: 0;
}

.xsy_su_refer .xsy_su_refer_card_rows .xsy_su_refer_card_group:last-child {
    margin-bottom: 0;
}

.xsy_su_refer .xsy_su_refer_card_recorditem {
    line-height: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.xsy_su_refer .xsy_su_refer_card_label {
    font-size: 12px;
    max-width: none;
    max-width: 30%;
    padding-right: .5rem;
    color: #8fa1b2;
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.xsy_su_refer .xsy_su_refer_card_value {
    font-size: .75rem;
    font-weight: 400;
    color: #333940;
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.xsy_su_refer .plantflom-layout {
    box-shadow: -1px 0 0 0 rgb(216, 221, 230);
}


/*不同分辨率上的显示*/

.xsy_listpreview.FULL .plantflom-basecard-content .plantflom-layout,
.xsy_listpreview.WIDE .plantflom-basecard-content .plantflom-layout,
.xsy_listpreview.NARROW .plantflom-basecard-content .plantflom-layout {
    display: inline-block;
    float: left;
    margin-top: .5rem;
    padding: 0 1rem;
}

.xsy_listpreview {
    width: 100%;
}

@media screen and (max-width:1200px) {
    .xsy_listpreview.FULL .xsy_su_refer_card .xsy_su_refer_card_item {
        width: 50%;
    }
    .xsy_listpreview.WIDE .xsy_su_refer_card .xsy_su_refer_card_item,
    .xsy_listpreview.NARROW .xsy_su_refer_card .xsy_su_refer_card_item {
        width: 100%;
    }
}

@media screen and (min-width:1201px) and (max-width:2330px) {
    .xsy_listpreview.NARROW .xsy_su_refer_card .xsy_su_refer_card_item {
        width: 100%;
    }
}

@media screen and (min-width:1201px) and (max-width:1810px) {
    .xsy_listpreview.WIDE .xsy_su_refer_card .xsy_su_refer_card_item {
        width: 50%;
    }
}

@media screen and (min-width:1811px) and (max-width:2330px) {
    .xsy_listpreview.WIDE .xsy_su_refer_card .xsy_su_refer_card_item {
        width: 33%;
    }
}

@media screen and (min-width:1201px) and (max-width:1801px) {
    .xsy_listpreview.FULL .xsy_su_refer_card .xsy_su_refer_card_item {
        width: 33%;
    }
}

@media screen and (min-width:1811px) and (max-width:2330px) {
    .xsy_listpreview.FULL .xsy_su_refer_card .xsy_su_refer_card_item {
        width: 25%;
    }
}

@media screen and (min-width:2331px) {
    .xsy_listpreview.FULL .xsy_su_refer_card .xsy_su_refer_card_item {
        width: 20%;
    }
    .xsy_listpreview.WIDE .xsy_su_refer_card .xsy_su_refer_card_item {
        width: 25%;
    }
    .xsy_listpreview.NARROW .xsy_su_refer_card .xsy_su_refer_card_item {
        width: 50%;
    }
}

.plantflom-col.shrink-none {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.plantflom-tpl-pc .plantflom-header-menu {
    vertical-align: bottom;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}


/*xsy_su_refer_tip*/

.xsy_su_refer_tip {
    position: absolute;
    z-index: 2;
    border: 1px solid #adc3d9;
    border-radius: 4px;
    background-color: #fff;
    width: 100px;
}

.xsy_su_refer_tip .xsy_su_refer_tip_toparrow {
    position: absolute;
    top: -15px;
    right: 17px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #adc3d9 transparent;
}

.xsy_su_refer_tip .xsy_su_refer_tip_topinside {
    position: absolute;
    top: -4px;
    left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.xsy_su_refer_tip_content {
    padding: 5px 0;
}

.xsy_su_refer_tip_content ul li {
    line-height: 30px;
    position: relative;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: left;
}

.xsy_su_refer_tip_content ul li a {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    color: #8fa1b2;
}

.xsy_su_refer_tip_content ul li:hover {
    background-color: #edf0f2;
}

.xsy_su_refer_tip_content ul li:hover a,
.xsy_su_refer_tip_content ul li.active a {
    color: #475059 !important;
}

.xsy_su_refer_tip_content ul li:hover i {
    background: url(xsySuRefer/card_ico_hover.png) no-repeat;
}

.xsy_su_refer_tip_content ul li:hover .xsy_su_refer_gridico i {
    background-position: 0 -32px;
}

.xsy_su_refer_tip_content ul li:hover .xsy_su_refer_cardico i {
    background-position: 0 -50px;
}

.xsy_su_refer_tip_content ul li:hover .xsy_su_refer_fewerico i {
    background-position: 0 -67px;
}

.xsy_su_refer_tip_content ul li:hover .xsy_su_refer_spreadico i {
    background-position: 0 -90px;
}


/*xsy_su_refer_card_toolbar_tip*/

.xsy_su_refer_card_toolbar_tip {
    right: -19px;
    display: none;
    width: 100px;
}

.xsy_su_refer_card_toolbar_tip .xsy_su_refer_tip_toparrow {
    right: 8px;
}


/*xsy_su_refer_buttonset_tip*/

.xsy_su_refer_buttonset_tip {
    top: 33px;
    right: 0;
    width: 100px;
}

.xsy_su_refer_buttonset_tip .xsy_su_refer_tip_content ul li {
    position: relative;
    text-align: left;
    border: none;
}

.xsy_su_refer_buttonset_tip .xsy_su_refer_tip_toparrow {
    right: 5px;
}


/*xsy_su_refer_grid*/

.xsy_su_refer_grid {
    margin-top: 10px;
    margin-bottom: 26px;
    margin-left: 31px;
    table-layout: fixed;
}

.xsy_su_refer_grid .xsy_su_refer_card_toolbar > a {
    visibility: visible;
}

.xsy_su_refer_grid .xsy_su_refer_card_toolbar_tip {
    top: 25px;
    right: 0;
}

.xsy_su_refer_grid thead tr th {
    font-size: 12px;
    font-weight: normal;
    line-height: 40px;
    box-sizing: border-box;
    width: 16.6%;
    height: 40px;
    padding-left: 10px;
    text-align: left;
    color: #7a8a99;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #eef2f4;
    background: #f9fafc;
}

.xsy_su_refer_grid thead tr th:last-child {
    border-right: none;
}

.xsy_su_refer_grid tbody tr td {
    line-height: 33px;
    height: 33px;
    padding-left: 10px;
    color: #3d3e40;
    border-bottom: 1px solid #eef2f4;
}

.xsy_su_refer_grid tbody tr:hover td {
    background-color: #f9fafc;
}

.xsy_su_refer_grid tr th span,
.xsy_su_refer_grid tr td a,
.xsy_su_refer_grid tr td span {
    display: block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/*初始化无数据状态*/


/*xsy_su_refer_null*/


/*xsy_su_refer_create_tip*/

.xsy_su_refer_create_tip {
    top: 32px;
    right: -20px;
    width: 100px;
}

.xsy_su_refer_create_tip ul li {
    padding-left: 10px;
    text-align: left;
}


/*加载样式*/

.xsy_su_refer_initing .xsy_su_refer_card {
    margin-left: -12px;
}

.xsy_su_refer.xsy_su_refer_initing .xsy_su_refer_card .xsy_su_refer_card_item:hover {
    background-color: transparent;
}

/*xsyTab.css*/

.xsy_tab {
    position: relative;
    width: auto;
    /*/*width: 100%;*/
    /* 解决拖拽鼠标不跟随BUG*/
    padding: 0;
    background-color: #fff;
}

.xsy_tab .xsy_tab_content {
    overflow: hidden;
    /*margin: 20px 0;*/
    /*padding-bottom: 20px;*/
    margin-bottom: 20px;
}

.xsy_tab .xsy_tab_nav {
    padding: 0;
    border-bottom: 1px solid #eef2f4;
    background-color: transparent;
}

.xsy_tab .xsy_tab_item {
    letter-spacing: .0625em;
}

.xsy_tab .xsy_tab_item {
    display: inline-block;
}

.xsy_tab .xsy_tab_item a {
    font-size: 16px;
    display: block;
    padding: 14px 30px;
    cursor: pointer;
    text-decoration: none;
    color: #8fa1b2;
}

.xsy_tab .xsy_tab_item a:hover {
    color: #475059;
}

.xsy_tab .xsy_tab_item.active a {
    margin-bottom: -1px;
    color: #475059;
    border-right: 1px solid #eef2f4;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #eef2f4;
    box-shadow: inset 0 2px 0 #00aaef;
}

.xsy_tab .xsy_tab_item.active:first-child a {
    margin-bottom: -1px;
    color: #475059;
    border-right: 1px solid #eef2f4;
    border-bottom: 1px solid #fff;
    border-left: none;
    box-shadow: inset 0 2px 0 #00aaef;
}
